apex-grid 1.0.0-rc.0

package/dist/bundle.js

@@ -0,0 +1,2069 @@
+import { html as n, nothing as g, LitElement as S, css as y } from "lit";
+import { createContext as je, contextProvided as he, ContextProvider as Ve } from "@lit-labs/context";
+import { customElement as _, property as o, queryAll as ce, query as A, state as Ze, eventOptions as Qe } from "lit/decorators.js";
+import { styleMap as R } from "lit/directives/style-map.js";
+import { registerIconFromText as Ke, IgcInputComponent as fe, IgcDropdownComponent as we, defineComponents as Xe, IgcButtonComponent as Ye, IgcChipComponent as Je, IgcIconComponent as et, IgcDropdownItemComponent as tt } from "igniteui-webcomponents";
+import { LitVirtualizer as it } from "@lit-labs/virtualizer";
+import { map as ze } from "lit/directives/map.js";
+import { ifDefined as ke } from "lit/directives/if-defined.js";
+import { themes as rt } from "igniteui-webcomponents/theming/theming-decorator.js";
+const Ce = "apex-grid", _e = "apex-grid-body", Ee = "apex-grid-header-row", $e = "apex-grid-header", Oe = "apex-grid-row", Se = "apex-grid-cell", Ae = "apex-filter-row", at = Symbol(), z = "pipeline", ye = "arrow-upward", st = "arrow-downward", qe = 80, O = Object.freeze({ column: "", row: -1 }), Z = Object.freeze({
+  key: at,
+  type: "string",
+  resizable: !1,
+  hidden: !1,
+  sort: !1,
+  filter: !1
+}), xe = /* @__PURE__ */ new Map([
+  ["previous", O],
+  ["current", O]
+]);
+class ge {
+  get(e) {
+    return this[e];
+  }
+  conditions() {
+    return Object.keys(this).filter((e) => e !== "get" && e !== "default");
+  }
+  *[Symbol.iterator]() {
+    const e = this.conditions();
+    for (const t of e)
+      yield t;
+  }
+}
+function f(i) {
+  return i != null;
+}
+class lt extends ge {
+  constructor() {
+    super(...arguments), this.all = {
+      name: "all",
+      unary: !0,
+      logic: (e) => !0
+    }, this.true = {
+      name: "true",
+      unary: !0,
+      logic: (e) => e === !0
+    }, this.false = {
+      name: "false",
+      unary: !0,
+      logic: (e) => e === !1
+    }, this.empty = {
+      name: "empty",
+      unary: !0,
+      logic: (e) => !f(e)
+    }, this.notEmpty = {
+      name: "nonEmpty",
+      unary: !0,
+      logic: (e) => f(e)
+    };
+  }
+  get default() {
+    return this.all;
+  }
+}
+class nt extends ge {
+  constructor() {
+    super(...arguments), this.equals = {
+      name: "equals",
+      unary: !1,
+      logic: (e, t) => e === t
+    }, this.doesNotEqual = {
+      name: "doesNotEqual",
+      unary: !1,
+      logic: (e, t) => e !== t
+    }, this.greaterThan = {
+      name: "greaterThan",
+      unary: !1,
+      logic: (e, t) => e > t
+    }, this.lessThan = {
+      name: "lessThan",
+      unary: !1,
+      logic: (e, t) => e < t
+    }, this.greaterThanOrEqual = {
+      name: "greaterThanOrEqual",
+      unary: !1,
+      logic: (e, t) => e >= t
+    }, this.lessThanOrEqual = {
+      name: "lessThanOrEqual",
+      unary: !1,
+      logic: (e, t) => e <= t
+    }, this.empty = {
+      name: "empty",
+      unary: !0,
+      logic: (e) => !f(e) || isNaN(e)
+    }, this.notEmpty = {
+      name: "notEmpty",
+      unary: !0,
+      logic: (e) => f(e) && !isNaN(e)
+    };
+  }
+  get default() {
+    return this.equals;
+  }
+}
+function m(i, e) {
+  return e ? i : i.toLowerCase();
+}
+class ot extends ge {
+  constructor() {
+    super(...arguments), this.contains = {
+      name: "contains",
+      unary: !1,
+      logic: (e, t, r) => m(e, r).includes(m(t, r))
+    }, this.doesNotContain = {
+      name: "doesNotContain",
+      unary: !1,
+      logic: (e, t, r) => !m(e, r).includes(m(t, r))
+    }, this.startsWith = {
+      name: "startsWith",
+      unary: !1,
+      logic: (e, t, r) => m(e, r).startsWith(m(t, r))
+    }, this.endsWith = {
+      name: "endsWith",
+      unary: !1,
+      logic: (e, t, r) => m(e, r).endsWith(m(t, r))
+    }, this.equals = {
+      name: "equals",
+      unary: !1,
+      logic: (e, t, r) => m(e, r) === m(t, r)
+    }, this.doesNotEqual = {
+      name: "doesNotEqual",
+      unary: !1,
+      logic: (e, t, r) => m(e, r) !== m(t, r)
+    }, this.empty = {
+      name: "empty",
+      unary: !0,
+      logic: (e) => !f(e) || e.length < 1
+    }, this.notEmpty = {
+      name: "notEmpty",
+      unary: !0,
+      logic: (e) => f(e) && e.length > 0
+    };
+  }
+  get default() {
+    return this.contains;
+  }
+}
+function dt(i) {
+  return {
+    "grid-template-columns": i.filter((e) => !e.hidden).map(({ width: e }) => e ?? "minmax(136px, 1fr)").join(" ")
+  };
+}
+function ht(i) {
+  if (i.autoGenerate && i.columns.length < 1) {
+    const e = i.data[0] ?? {};
+    i.columns = Object.entries(e).map(([t, r]) => ({ key: t, type: typeof r == "boolean" ? "boolean" : typeof r == "number" ? "number" : "string" }));
+  }
+}
+function M(i) {
+  return Array.isArray(i) ? i : [i];
+}
+function U(i) {
+  switch (i.type) {
+    case "boolean":
+      return new lt();
+    case "number":
+      return new nt();
+    default:
+      return new ot();
+  }
+}
+class ct {
+  constructor(e) {
+    this.key = e, this.operands = [];
+  }
+  get empty() {
+    return this.operands.length < 1;
+  }
+  get length() {
+    return this.operands.length;
+  }
+  get all() {
+    return Array.from(this.iterator());
+  }
+  get ands() {
+    return this.operands.filter((e) => e.criteria === "and");
+  }
+  get ors() {
+    return this.operands.filter((e) => e.criteria === "or");
+  }
+  add(e) {
+    return e.criteria || (e.criteria = "and"), this.operands.includes(e) ? this : (this.operands.push(e), this);
+  }
+  remove(e) {
+    return this.operands = this.operands.filter((t) => t !== e), this;
+  }
+  *iterator() {
+    for (const e of this.operands)
+      yield e;
+  }
+  [Symbol.iterator]() {
+    return this.iterator();
+  }
+}
+class gt {
+  constructor() {
+    this.state = /* @__PURE__ */ new Map();
+  }
+  get empty() {
+    return this.state.size < 1;
+  }
+  get keys() {
+    return Array.from(this.state.keys());
+  }
+  get values() {
+    return Array.from(this.state.values());
+  }
+  get ands() {
+    return this.values.map((e) => e.ands).flat();
+  }
+  get ors() {
+    return this.values.map((e) => e.ors).flat();
+  }
+  has(e) {
+    return this.state.has(e);
+  }
+  get(e) {
+    return this.state.get(e);
+  }
+  delete(e) {
+    return this.state.delete(e);
+  }
+  clear() {
+    this.state.clear();
+  }
+  set(e) {
+    if (this.has(e.key)) {
+      this.get(e.key)?.add(e);
+      return;
+    }
+    this.state.set(e.key, new ct(e.key).add(e));
+  }
+}
+class mt {
+  constructor(e) {
+    this.host = e, this.state = new gt(), this.host.addController(this);
+  }
+  get filterRow() {
+    return this.host.filterRow;
+  }
+  #e(e) {
+    return this.host.emitEvent("filtering", {
+      detail: {
+        expression: e,
+        state: this.get(e.key)
+      },
+      cancelable: !0
+    });
+  }
+  #t(e) {
+    return this.host.emitEvent("filtered", { detail: e });
+  }
+  _filter(e) {
+    M(e).forEach((t) => this.state.set(t)), this.host.requestUpdate(z);
+  }
+  hostConnected() {
+  }
+  get(e) {
+    return this.state.get(e);
+  }
+  reset(e) {
+    e ? this.state.delete(e) : this.state.clear();
+  }
+  setActiveColumn(e) {
+    e?.filter && this.filterRow?.active && (this.filterRow.column = e, this.filterRow.expression = this.getDefaultExpression(e), this.host.requestUpdate());
+  }
+  getDefaultExpression(e) {
+    const t = typeof e.filter == "boolean" ? !1 : Boolean(e.filter?.caseSensitive);
+    return {
+      key: e.key,
+      condition: U(e).default,
+      caseSensitive: t
+    };
+  }
+  removeExpression(e) {
+    const t = this.get(e.key);
+    t?.remove(e), t?.empty && this.reset(t.key);
+  }
+  async filterWithEvent(e) {
+    !this.#e(e) || (this._filter(e), await this.host.updateComplete, this.#t(this.get(e.key)));
+  }
+  filter(e) {
+    this._filter(
+      M(e).map(
+        (t) => Object.assign(this.getDefaultExpression(this.host.getColumn(t.key)), t)
+      )
+    );
+  }
+}
+class pt {
+  constructor(e) {
+    this.host = e, this.handlers = new Map(
+      Object.entries({
+        ArrowDown: this.arrowDown,
+        ArrowUp: this.arrowUp,
+        ArrowLeft: this.arrowLeft,
+        ArrowRight: this.arrowRight,
+        Home: this.home,
+        End: this.end
+      })
+    ), this.state = xe, this._active = O, this.host.addController(this);
+  }
+  get nextNode() {
+    const e = this.state.get("current");
+    return e === O ? { column: this.firstColumn, row: 0 } : { ...e };
+  }
+  get columns() {
+    return this.host.columns;
+  }
+  get firstColumn() {
+    return this.host.getColumn(0).key ?? "";
+  }
+  getPreviousColumn(e) {
+    return this.columns[Math.max(this.columns.indexOf(this.host.getColumn(e)) - 1, 0)].key;
+  }
+  getNextColumn(e) {
+    return this.columns[Math.min(this.columns.indexOf(this.host.getColumn(e)) + 1, this.columns.length - 1)].key;
+  }
+  get active() {
+    return this._active;
+  }
+  set active(e) {
+    this._active = e, this.state.set("previous", this._active), this.state.set("current", e), this.host.requestUpdate();
+  }
+  isNotSentinel(e) {
+    return e !== O;
+  }
+  home(e) {
+    this.active = Object.assign(this.nextNode, { row: 0 }), e.scrollToIndex(this.active.row, "center");
+  }
+  end(e) {
+    this.active = Object.assign(this.nextNode, { row: this.host.totalItems - 1 }), e.scrollToIndex(this.active.row, "center");
+  }
+  arrowDown(e) {
+    const t = this.nextNode;
+    this.active = Object.assign(this.nextNode, {
+      row: Math.min(t.row + 1, this.host.totalItems - 1)
+    }), e.scrollToIndex(t.row, "center");
+  }
+  arrowUp(e) {
+    const t = this.nextNode;
+    this.active = Object.assign(t, { row: Math.max(0, t.row - 1) }), e.scrollToIndex(t.row, "center");
+  }
+  arrowLeft() {
+    const e = this.nextNode;
+    this.active = Object.assign(e, { column: this.getPreviousColumn(e.column) });
+  }
+  arrowRight() {
+    const e = this.nextNode;
+    this.active = Object.assign(e, { column: this.getNextColumn(e.column) });
+  }
+  hostConnected() {
+  }
+  hostDisconnected() {
+    this.active = O, this.state = xe;
+  }
+  navigate(e, t) {
+    this.handlers.has(e.key) && (e.preventDefault(), this.handlers.get(e.key).call(this, t));
+  }
+}
+class vt {
+  constructor(e) {
+    this.host = e, this.state = /* @__PURE__ */ new Map(), this.host.addController(this);
+  }
+  get #e() {
+    return this.host.sortConfiguration.multiple;
+  }
+  get #t() {
+    return this.host.sortConfiguration.triState;
+  }
+  #i(e) {
+    const t = (r) => r !== void 0 && typeof r != "boolean";
+    return {
+      caseSensitive: t(e) ? e.caseSensitive : !1,
+      comparer: t(e) ? e.comparer : void 0
+    };
+  }
+  #r(e) {
+    const t = this.host.getColumn(e)?.sort;
+    return {
+      key: e,
+      direction: "ascending",
+      ...this.#i(t)
+    };
+  }
+  #a(e) {
+    return this.#t ? e === "ascending" ? "descending" : e === "descending" ? "none" : "ascending" : e === "ascending" ? "descending" : "ascending";
+  }
+  #s(e) {
+    return this.host.emitEvent("sorting", { detail: e, cancelable: !0 });
+  }
+  #l(e) {
+    return this.host.emitEvent("sorted", { detail: e });
+  }
+  async sortFromHeaderClick(e) {
+    const t = this.prepareExpression(e);
+    !this.#s(t) || (this.#e || this.reset(), t.direction == "none" ? (this.reset(t.key), this.host.requestUpdate(z)) : this._sort(t), await this.host.updateComplete, this.#l(t));
+  }
+  prepareExpression({ key: e, sort: t }) {
+    if (this.state.has(e)) {
+      const r = this.state.get(e);
+      return Object.assign(r, {
+        direction: this.#a(r.direction),
+        ...this.#i(t)
+      });
+    }
+    return this.#r(e);
+  }
+  reset(e) {
+    e ? this.state.delete(e) : this.state.clear();
+  }
+  _sort(e) {
+    M(e).forEach((t) => this.state.set(t.key, { ...t })), this.host.requestUpdate(z);
+  }
+  sort(e) {
+    this._sort(
+      M(e).map(
+        (t) => Object.assign(this.state.get(t.key) ?? this.#r(t.key), t)
+      )
+    );
+  }
+  hostConnected() {
+  }
+}
+class ut {
+  constructor(e) {
+    this.host = e, this.indicatorActive = !1, this.indicatorOffset = 0, this.host.addController(this);
+  }
+  #e(e, t) {
+    const r = this.host.rows.map((a) => a.cells.find((s) => s.column.key === e)).reduce((a, s) => s.offsetWidth > a ? s.offsetWidth : a, 0);
+    return Math.max(qe, r, t);
+  }
+  start(e) {
+    this.indicatorActive = !0, this.indicatorOffset = e.offsetLeft + e.offsetWidth, this.host.requestUpdate();
+  }
+  stop() {
+    this.indicatorActive = !1, this.host.requestUpdate();
+  }
+  resize(e, t, r) {
+    r && (this.indicatorOffset = r), e.width = `${t}px`, this.host.requestUpdate();
+  }
+  async autosize(e, t) {
+    e.width = "max-content", this.host.requestUpdate(), await this.host.updateComplete, e.width = `${this.#e(e.key, t.offsetWidth)}px`, this.host.requestUpdate();
+  }
+  hostConnected() {
+  }
+  renderIndicator() {
+    return this.indicatorActive ? n`<div
+          part="resize-indicator"
+          style=${R({
+      transform: `translateX(${this.indicatorOffset}px)`
+    })}
+        ></div>` : g;
+  }
+}
+class bt {
+  constructor(e) {
+    this.host = e, this.host.addController(this), this.init();
+  }
+  get active() {
+    return this.navigation.active;
+  }
+  set active(e) {
+    this.navigation.active = e;
+  }
+  init() {
+    this.sorting = new vt(this.host), this.filtering = new mt(this.host), this.navigation = new pt(this.host), this.resizing = new ut(this.host);
+  }
+  hostConnected() {
+  }
+}
+const F = je("gridStateController");
+class Ie {
+  resolveValue(e, t) {
+    return e[t];
+  }
+  resolveCase(e, t) {
+    return typeof e == "string" && !t ? e.toLowerCase() : e;
+  }
+}
+class yt extends Ie {
+  constructor() {
+    super(...arguments), this.orderBy = new Map(
+      Object.entries({
+        ascending: 1,
+        descending: -1
+      })
+    );
+  }
+  compareValues(e, t) {
+    return typeof e == "string" && typeof t == "string" ? e.localeCompare(t) : e > t ? 1 : e < t ? -1 : 0;
+  }
+  compareObjects(e, t, r) {
+    const { direction: a, key: s, caseSensitive: l, comparer: u } = r, [E, be] = [
+      this.resolveCase(this.resolveValue(e, s), l),
+      this.resolveCase(this.resolveValue(t, s), l)
+    ];
+    return this.orderBy.get(a) * (u ? u(E, be) : this.compareValues(E, be));
+  }
+  apply(e, t) {
+    const r = Array.from(t.values()), a = r.length;
+    return e.sort((s, l) => {
+      let u = 0, E = 0;
+      for (; u < a && !E; )
+        E = this.compareObjects(s, l, r[u]), u++;
+      return E;
+    }), e;
+  }
+}
+class xt extends Ie {
+  resolveFilter(e, t) {
+    return t.condition.logic(
+      this.resolveValue(e, t.key),
+      t.searchTerm,
+      t.caseSensitive
+    );
+  }
+  match(e, t, r) {
+    for (const a of r)
+      if (this.resolveFilter(e, a))
+        return this.match(
+          e,
+          t.filter((s) => s.key !== a.key),
+          []
+        );
+    return t.every((a) => this.resolveFilter(e, a));
+  }
+  apply(e, t) {
+    if (t.empty)
+      return e;
+    const { ands: r, ors: a } = t;
+    return e.filter((s) => this.match(s, r, a));
+  }
+}
+class ft {
+  constructor(e) {
+    this.host = e, this.sorting = new yt(), this.filtering = new xt(), this.host.addController(this);
+  }
+  hostConnected() {
+  }
+  get hasRemoteSort() {
+    return f(this.host.remoteConfiguration?.sort);
+  }
+  get hasRemoteFilter() {
+    return f(this.host.remoteConfiguration?.filter);
+  }
+  get remoteFilter() {
+    return this.host.remoteConfiguration.filter;
+  }
+  get remoteSort() {
+    return this.host.remoteConfiguration.sort;
+  }
+  async apply(e, t) {
+    const { filtering: r, sorting: a } = t;
+    return e = this.hasRemoteFilter ? await this.remoteFilter(e, r.state) : this.filtering.apply(e, r.state), e = this.hasRemoteSort ? await this.remoteSort(e, a.state) : this.sorting.apply(e, a.state), e;
+  }
+}
+class wt {
+  constructor(e, t) {
+    this.host = e, this.state = t, this.columnSizes = {}, this.host.addController(this);
+  }
+  get virtualBody() {
+    return this.host.bodyElement;
+  }
+  hostConnected() {
+    this.setGridColumnSizes();
+  }
+  hostUpdate() {
+    this.setScrollOffset(), this.setGridColumnSizes();
+  }
+  setScrollOffset() {
+    const e = this.virtualBody ? this.virtualBody.offsetWidth - this.virtualBody.clientWidth : 0;
+    this.host.style.setProperty("--scrollbar-offset", `${e}px`);
+  }
+  setGridColumnSizes() {
+    this.columnSizes = dt(this.host.columns);
+  }
+  getActiveRowStyles(e) {
+    return this.state.active.row === e ? { "z-index": "3" } : {};
+  }
+}
+class zt extends S {
+  addEventListener(e, t, r) {
+    super.addEventListener(e, t, r);
+  }
+  removeEventListener(e, t, r) {
+    super.removeEventListener(e, t, r);
+  }
+  emitEvent(e, t) {
+    return this.dispatchEvent(
+      new CustomEvent(
+        e,
+        Object.assign(
+          {
+            bubbles: !0,
+            cancelable: !1,
+            composed: !0,
+            detail: {}
+          },
+          t
+        )
+      )
+    );
+  }
+}
+function q(i, e) {
+  return (t, r) => {
+    const { willUpdate: a } = t;
+    e = Object.assign({ waitUntilFirstUpdate: !1 }, e), t.willUpdate = function(s) {
+      if (a.call(this, s), s.has(i)) {
+        const l = s.get(i), u = this[i];
+        l !== u && (!e?.waitUntilFirstUpdate || this.hasUpdated) && this[r].call(this, l, u);
+      }
+    };
+  };
+}
+const kt = {
+  "arrow-upward": '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-downward" role="img" viewBox="0 0 45 45"><path d="M22.5 40V13.7L10.1 26.1 8 24 24 8l16 16-2.1 2.1-12.4-12.4V40Z"/></svg>',
+  "arrow-downward": '<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-downward" role="img" viewBox="0 0 45 45"><path fill="currentColor" d="M24 40 8 24l2.1-2.1 12.4 12.4V8h3v26.3l12.4-12.4L40 24Z"/></svg>',
+  all: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="agall-desc agall-title"><title id="agall-title">Select All Icon</title><desc id="agall-desc">A picture showing tree lines and a check mark.</desc><path d="M2 14h8v2H2zm0-8h12v2H2zm14 11l-3-3-1.5 1.5L16 20l7-7-1.5-1.5L16 17zM2 10h12v2H2z"/></svg>',
+  contains: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="czcontains-desc czcontains-title"><title id="czcontains-title">Contains Icon</title><desc id="czcontains-desc">A picture showing the lowercase letter A in a square box.</desc><path d="M3 3v18h18V3zm16 16H5V5h14z"/><path d="M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z"/></svg>',
+  doesNotContain: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="eadoes-not-contain-desc eadoes-not-contain-title"><title id="eadoes-not-contain-title">Does-Not-Contain Icon</title><desc id="eadoes-not-contain-desc">A picture showing the lowercase letter A in a crossed-out square box.</desc><path d="M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z"/></svg>',
+  greaterThan: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="fygreater-than-desc fygreater-than-title"><title id="fygreater-than-title">Greater Than Icon</title><desc id="fygreater-than-desc">A picture showing the greater-than symbol.</desc><path d="M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z"/></svg>',
+  greaterThanOrEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="fzgreater-than-or-equal-desc fzgreater-than-or-equal-title"><title id="fzgreater-than-or-equal-title">Greater Than or Equal Icon</title><desc id="fzgreater-than-or-equal-desc">A picture showing the grater-than or equal symbol.</desc><path d="M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z"/></svg>',
+  empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="gsis-empty-desc gsis-empty-title"><title id="gsis-empty-title">Is Empty Icon</title><desc id="gsis-empty-desc">A picture showing a dotted square.</desc><path d="M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z"/></svg>',
+  endsWith: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="enends-with-desc enends-with-title"><title id="enends-with-title">Ends With Icon</title><desc id="enends-with-desc">A picture showing three dots followed by lowercase a.</desc><path d="M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z"/></svg>',
+  equals: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="eoequals-desc eoequals-title"><title id="eoequals-title">Equals Icon</title><desc id="eoequals-desc">A picture showing the equals sign.</desc><path d="M5 13.5h14v2H5zm0-5h14v2H5z"/></svg>',
+  false: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="gtis-false-desc gtis-false-title"><title id="gtis-false-title">Is False Icon</title><desc id="gtis-false-desc">A picture showing an encircled X symbol.</desc><path d="M8 5a7 7 0 107 7 7 7 0 00-7-7zm4.31 9.79l-1.52 1.52L8 13.52l-2.79 2.79-1.52-1.52L6.48 12 3.69 9.21l1.52-1.52L8 10.48l2.79-2.79 1.52 1.52L9.52 12zM18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7z"/><path d="M17.52 13.85l2.91-2.92-.78-.78-2.13 2.12-1.17-1.15-.38.37-.41.41.42.42L17 13.34l.52.51z"/></svg>',
+  lessThan: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="hhless-than-desc hhless-than-title"><title id="hhless-than-title">Less Than Icon</title><desc id="hhless-than-desc">A picture showing the less-than symbol.</desc><path d="M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z"/></svg>',
+  lessThanOrEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="hiless-than-or-equal-desc hiless-than-or-equal-title"><title id="hiless-than-or-equal-title">Less Than or Equal Icon</title><desc id="hiless-than-or-equal-desc">A picture showing the lass-than or equal symbol.</desc><path d="M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z"/></svg>',
+  notEmpty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="ionot-empty-desc ionot-empty-title"><title id="ionot-empty-title">Not Empty Icon</title><desc id="ionot-empty-desc">A picture showing a crossed-out dotted square.</desc><path d="M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z"/></svg>',
+  doesNotEqual: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="ipnot-equal-desc ipnot-equal-title"><title id="ipnot-equal-title">Not Equal Icon</title><desc id="ipnot-equal-desc">A picture showing a crossed-out equals symbol.</desc><path d="M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z"/></svg>',
+  startsWith: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="512" height="512" aria-labelledby="lqstarts-with-desc lqstarts-with-title"><title id="lqstarts-with-title">Starts With Icon</title><desc id="lqstarts-with-desc">A picture showing the uppercase letter A followed by three dots.</desc><path d="M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z"/></svg>',
+  true: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512" aria-labelledby="gwis-true-desc gwis-true-title"><title id="gwis-true-title">is True Icon</title><desc id="gwis-true-desc">A picture showing an encircled check mark symbol.</desc><path d="M19.44 14.22zm-2.88 0zm0 0L18 12.79l1.44 1.43.78-.78L18.79 12l1.43-1.44-.78-.78L18 11.21l-1.44-1.43-.78.78L17.21 12l-1.43 1.44.78.78z"/><path d="M18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7zM8 5a7 7 0 107 7 7 7 0 00-7-7zm-.93 10.18l-3.38-3.37 1.13-1.12 2.25 2.25 4.11-4.12 1.13 1.12z"/></svg>',
+  filter: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M20 36v-3h8v3Zm-8-10.5v-3h24v3ZM6 15v-3h36v3Z"/></svg>',
+  close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z"/></svg>',
+  refresh: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 40q-6.65 0-11.325-4.675Q8 30.65 8 24q0-6.65 4.675-11.325Q17.35 8 24 8q4.25 0 7.45 1.725T37 14.45V8h3v12.7H27.3v-3h8.4q-1.9-3-4.85-4.85Q27.9 11 24 11q-5.45 0-9.225 3.775Q11 18.55 11 24q0 5.45 3.775 9.225Q18.55 37 24 37q4.15 0 7.6-2.375 3.45-2.375 4.8-6.275h3.1q-1.45 5.25-5.75 8.45Q29.45 40 24 40Z"/></svg>'
+};
+function Ct() {
+  for (const [i, e] of Object.entries(kt))
+    Ke(i, e, "internal");
+}
+const Le = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --content-text-color: var(--ig-gray-50-contrast);
+  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  --header-text-color: var(--ig-surface-500-contrast);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-400), 0.38);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-gray-300), 0.38);
+  --row-border-style: solid;
+  --row-border-width: 0.0625rem;
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`, _t = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  --header-text-color: var(--ig-surface-500-contrast);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`, Et = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-text-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-primary-500), 0.24);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-primary-50), var(--ig-primary-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-primary-50), var(--ig-primary-a));
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`, $t = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-text-color: hsla(var(--ig-gray-800), 0.7);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-400), 0.38);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  --row-border-color: hsla(var(--ig-gray-300), 0.38);
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --grid-resize-line-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}`;
+var Ot = Object.defineProperty, St = Object.getOwnPropertyDescriptor, At = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? St(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Ot(e, t, a), a;
+};
+let Q = class extends it {
+  constructor() {
+    super(...arguments), this.scroller = !0;
+  }
+  static get is() {
+    return _e;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("tabindex", "0");
+  }
+};
+Q = At([
+  _(_e)
+], Q);
+function T(i) {
+  return Object.keys(i).filter((e) => i[e]).join(" ");
+}
+const qt = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+  font-weight: 600;
+  font-size: 0.75rem;
+}
+
+:host(:last-of-type) {
+  -webkit-border-end: none;
+          border-inline-end: none;
+}
+
+[part~=content] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  padding: 0 max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+  font-weight: 500;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+[part~=title] {
+  display: block;
+  position: relative;
+  cursor: initial;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  overflow: hidden;
+  min-width: 3ch;
+}
+
+[part~=actions] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 0.25rem;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+[part~=action] {
+  cursor: pointer;
+  opacity: 0.7;
+  -webkit-transition: opacity 0.25s ease-in-out;
+  -o-transition: opacity 0.25s ease-in-out;
+  transition: opacity 0.25s ease-in-out;
+}
+[part~=action]:hover, [part~=action]:focus {
+  opacity: 1;
+}
+[part~=action] igc-icon {
+  --size: 0.9375rem;
+  color: var(--igx-icon-color, var(--icon-color));
+}
+[part~=action] igc-icon::after {
+  content: attr(data-sortIndex);
+  position: absolute;
+  top: -5px;
+  inset-inline-end: -1px;
+  font-size: 0.625rem;
+  text-align: end;
+  font-family: sans-serif;
+  line-height: 0.625rem;
+  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
+}
+
+[part~=sorted],
+[part~=filtered] {
+  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
+}
+[part~=sorted] igc-icon,
+[part~=filtered] igc-icon {
+  color: var(--igx-sorted-header-icon-color, var(--sorted-header-icon-color));
+}
+
+[part~=filtered] {
+  background: var(--igx-filtering-header-background, var(--filtering-header-background));
+}
+
+[part~=action]:empty {
+  display: none;
+}
+
+[part~=resizable] {
+  width: 0.25rem;
+  height: 100%;
+  position: absolute;
+  inset-inline-end: -0.125rem;
+  z-index: var(--z-index-base);
+  cursor: col-resize;
+}
+
+[part~=filter] {
+  position: relative;
+}
+
+[part~=filter-count] {
+  position: absolute;
+  top: -5px;
+  inset-inline-end: -1px;
+  font-size: 0.625rem;
+  text-align: end;
+  font-family: sans-serif;
+  line-height: 0.625rem;
+  color: currentcolor;
+}`;
+var It = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, me = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Lt(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && It(e, t, a), a;
+}, Me = (i, e, t) => {
+  if (!e.has(i))
+    throw TypeError("Cannot " + t);
+}, H = (i, e, t) => (Me(i, e, "read from private field"), t ? t.call(i) : e.get(i)), $ = (i, e, t) => {
+  if (e.has(i))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(i) : e.set(i, t);
+}, K = (i, e, t) => (Me(i, e, "access private method"), t), pe, De, X, Re, W, Y, Te, ve, J;
+let k = class extends S {
+  constructor() {
+    super(...arguments), $(this, pe), $(this, X), $(this, Y), $(this, W, ({ clientX: i }) => {
+      const { left: e } = this.getBoundingClientRect(), t = Math.max(i - e, qe), r = this.offsetLeft + t;
+      this.resizeController.resize(this.column, t, r);
+    }), $(this, ve, () => {
+      this.resizeController.indicatorActive = !1, this.removeEventListener("pointermove", H(this, W)), this.resizeController.stop();
+    }), $(this, J, () => this.resizeController.autosize(this.column, this));
+  }
+  static get is() {
+    return $e;
+  }
+  get context() {
+    return {
+      parent: this,
+      column: this.column
+    };
+  }
+  get isSortable() {
+    return Boolean(this.column.sort);
+  }
+  get resizeController() {
+    return this.state.resizing;
+  }
+  renderSortPart() {
+    const i = this.state.sorting.state.get(this.column.key), e = Array.from(this.state.sorting.state.values()).indexOf(i), t = this.state.host.sortConfiguration.multiple ? e > -1 ? e + 1 : g : g, r = i ? i.direction === "ascending" ? ye : st : ye;
+    return i || this.isSortable ? n`<span
+          part=${T({ action: !0, sorted: !!i?.direction })}
+          @click=${this.isSortable ? K(this, X, Re) : g}
+        >
+          <igc-icon
+            part=${T({ "sorting-action": !!i })}
+            data-sortIndex=${t}
+            name=${r}
+            collection="internal"
+          ></igc-icon>
+        </span>` : g;
+  }
+  renderContentPart() {
+    const i = this.column.headerText ?? this.column.key, e = this.column.headerTemplate;
+    return n`
+      <span part="title">
+        <span>${e ? e(this.context) : n`${i}`}</span>
+      </span>
+    `;
+  }
+  renderResizePart() {
+    return this.column.resizable ? n`<span
+          part="resizable"
+          @dblclick=${H(this, J)}
+          @pointerdown=${K(this, Y, Te)}
+        ></span>` : g;
+  }
+  render() {
+    return n`
+      <div
+        part=${T({
+      content: !0,
+      sortable: this.isSortable,
+      resizing: this.resizeController.indicatorActive
+    })}
+      >
+        ${this.renderContentPart()}
+        <div part="actions">${this.renderSortPart()}</div>
+      </div>
+      ${this.renderResizePart()}
+    `;
+  }
+};
+pe = /* @__PURE__ */ new WeakSet();
+De = function() {
+  const i = { once: !0 };
+  this.addEventListener(
+    "gotpointercapture",
+    () => this.resizeController.indicatorActive = !0,
+    i
+  ), this.addEventListener("lostpointercapture", H(this, ve), i), this.addEventListener("pointerup", (e) => this.releasePointerCapture(e.pointerId), i), this.addEventListener("pointermove", H(this, W));
+};
+X = /* @__PURE__ */ new WeakSet();
+Re = function(i) {
+  i.stopPropagation(), this.state.sorting.sortFromHeaderClick(this.column);
+};
+W = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakSet();
+Te = function(i) {
+  const { target: e, pointerId: t } = i;
+  i.preventDefault(), K(this, pe, De).call(this), this.resizeController.start(this), e.setPointerCapture(t);
+};
+ve = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+k.styles = qt;
+me([
+  he({ context: F, subscribe: !0 }),
+  o({ attribute: !1 })
+], k.prototype, "state", 2);
+me([
+  o({ attribute: !1 })
+], k.prototype, "column", 2);
+k = me([
+  _($e)
+], k);
+const Mt = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  grid-row: header-row;
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  background: var(--igx-header-background, var(--header-background));
+  color: var(--igx-header-text-color, var(--header-text-color));
+  contain: content;
+  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+  z-index: var(--z-index-base);
+  -webkit-padding-end: var(--scrollbar-offset);
+          padding-inline-end: var(--scrollbar-offset);
+}
+
+:host(:focus) {
+  outline: none;
+}
+
+[part=filtered] {
+  background: var(--igx-filtering-header-background, var(--filtering-header-background));
+}`;
+var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, B = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Rt(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Dt(e, t, a), a;
+}, Tt = (i, e, t) => {
+  if (!e.has(i))
+    throw TypeError("Cannot " + t);
+}, Nt = (i, e, t) => {
+  if (e.has(i))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(i) : e.set(i, t);
+}, Pt = (i, e, t) => (Tt(i, e, "access private method"), t), ee, Ne;
+let C = class extends S {
+  constructor() {
+    super(), Nt(this, ee), this.columns = [], this.addEventListener("click", Pt(this, ee, Ne));
+  }
+  static get is() {
+    return Ee;
+  }
+  get headers() {
+    return Array.from(this._headers);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("tabindex", "0");
+  }
+  shouldUpdate(i) {
+    return this.headers.forEach((e) => e.requestUpdate()), super.shouldUpdate(i);
+  }
+  render() {
+    const i = this.state.filtering.filterRow;
+    return n`${ze(
+      this.columns,
+      (e) => e.hidden ? g : n`<apex-grid-header
+            part=${T({
+        filtered: e === i?.column
+      })}
+            .column=${e}
+          ></apex-grid-header>`
+    )}`;
+  }
+};
+ee = /* @__PURE__ */ new WeakSet();
+Ne = function(i) {
+  const e = i.composedPath().filter((t) => t instanceof k).at(0);
+  this.state.filtering.setActiveColumn(e?.column);
+};
+C.styles = Mt;
+B([
+  ce(k.is)
+], C.prototype, "_headers", 2);
+B([
+  he({ context: F, subscribe: !0 }),
+  o({ attribute: !1 })
+], C.prototype, "state", 2);
+B([
+  o({ attribute: !1 })
+], C.prototype, "columns", 2);
+C = B([
+  _(Ee)
+], C);
+const Ht = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 0px;
+          flex: 1 0 0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+  color: inherit;
+  border-right: var(--igx-row-border-width, var(--row-border-width)) solid transparent;
+  font-size: 0.8125rem;
+}
+:host:last-of-type {
+  border-right: 0;
+}
+
+:host([active]) {
+  outline: none;
+  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--igx-cell-active-border-color, var(--cell-active-border-color));
+          box-shadow: inset 0 0 0 0.0625rem var(--igx-cell-active-border-color, var(--cell-active-border-color));
+}
+
+:host(:last-child) {
+  -webkit-border-end: none;
+          border-inline-end: none;
+}
+
+igc-input {
+  position: absolute;
+  left: 0;
+  height: calc(100% - 0.0625rem * 2);
+  width: 100%;
+}
+igc-input::part(container), igc-input::part(input) {
+  border-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  height: 100%;
+}
+
+igc-input::part(container), igc-input::part(input),
+igc-select::part(container),
+igc-select::part(input) {
+  background: inherit;
+  color: inherit;
+  font-size: 0.8125rem;
+}
+igc-input::part(helper-text)::after, igc-input::part(container)::after,
+igc-select::part(helper-text)::after,
+igc-select::part(container)::after {
+  display: none;
+}`;
+var Wt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, G = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Ut(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Wt(e, t, a), a;
+};
+let w = class extends S {
+  constructor() {
+    super(...arguments), this.active = !1;
+  }
+  static get is() {
+    return Se;
+  }
+  get context() {
+    return {
+      parent: this,
+      row: this.row,
+      column: this.column,
+      value: this.value
+    };
+  }
+  render() {
+    return this.column.cellTemplate ? this.column.cellTemplate(this.context) : n`${this.value}`;
+  }
+};
+w.styles = Ht;
+G([
+  o({ attribute: !1 })
+], w.prototype, "value", 2);
+G([
+  o({ attribute: !1 })
+], w.prototype, "column", 2);
+G([
+  o({ type: Boolean, reflect: !0 })
+], w.prototype, "active", 2);
+w = G([
+  _(Se)
+], w);
+const Ft = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  width: 100%;
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  -webkit-border-after: var(--igx-row-border-width, var(--header-border-width)) var(--igx-row-border-style, var(--header-border-style)) var(--igx-row-border-color, var(--header-border-color));
+          border-block-end: var(--igx-row-border-width, var(--header-border-width)) var(--igx-row-border-style, var(--header-border-style)) var(--igx-row-border-color, var(--header-border-color));
+  background: var(--igx-row-odd-background, var(--row-odd-background));
+  color: var(--igx-row-odd-text-color, var(--row-odd-text-color));
+  z-index: var(--z-index-base);
+}
+
+:host(:last-of-type) {
+  border-bottom: 0;
+}
+
+:host(:nth-of-type(even)) {
+  background: var(--igx-row-even-background, var(--row-even-background));
+  color: var(--igx-row-even-text-color, var(--row-even-text-color));
+}
+
+:host(:hover) {
+  background: var(--igx-row-hover-background, var(--row-hover-background));
+  color: var(--igx-row-hover-text-color, var(--row-hover-text-color));
+}`;
+var Bt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, I = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Gt(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Bt(e, t, a), a;
+};
+let b = class extends S {
+  constructor() {
+    super(...arguments), this.columns = [], this.index = -1;
+  }
+  static get is() {
+    return Oe;
+  }
+  get cells() {
+    return Array.from(this._cells);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("exportparts", "cell");
+  }
+  render() {
+    const { column: i, row: e } = this.activeNode;
+    return n`
+      ${ze(
+      this.columns,
+      (t) => t.hidden ? g : n`<apex-grid-cell
+              part="cell"
+              .active=${i === t.key && e === this.index}
+              .column=${t}
+              .row=${this}
+              .value=${this.data[t.key]}
+            ></apex-grid-cell>`
+    )}
+    `;
+  }
+};
+b.styles = Ft;
+I([
+  ce(w.is)
+], b.prototype, "_cells", 2);
+I([
+  o({ attribute: !1 })
+], b.prototype, "data", 2);
+I([
+  o({ attribute: !1 })
+], b.prototype, "columns", 2);
+I([
+  o({ attribute: !1 })
+], b.prototype, "activeNode", 2);
+I([
+  o({ attribute: !1, type: Number })
+], b.prototype, "index", 2);
+b = I([
+  _(Oe)
+], b);
+const jt = y`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  --component-size: 3;
+}
+
+:host {
+  --ig-size: 1;
+  display: grid;
+  grid-row: filter-row;
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  background: var(--igx-header-background, var(--header-background));
+  color: var(--igx-header-text-color, var(--header-text-color));
+  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+  z-index: var(--z-index-base);
+  -webkit-padding-end: var(--scrollbar-offset);
+          padding-inline-end: var(--scrollbar-offset);
+}
+
+[part=filter-row-preview] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
+  padding: 0 max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+  background: var(--igx-filtering-row-background, var(--filtering-row-background));
+  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));
+  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+}
+
+[part~=active-state] {
+  background: var(--igx-filtering-row-background, var(--filtering-row-background));
+  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  min-width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 0.5rem;
+  position: relative;
+  inset-block-start: -0.0625rem;
+}
+
+[part=filter-row-preview]:last-of-type {
+  -webkit-border-end: none;
+          border-inline-end: none;
+}
+
+[part~=filter-row-input] {
+  -webkit-padding-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+          padding-inline-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+}
+
+[part~=filter-row-actions] {
+  -webkit-padding-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+          padding-inline-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+}
+
+[part~=filter-row-input],
+[part~=filter-row-filters],
+[part~=filter-row-actions] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+[part~=filter-row-filters] {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  overflow: hidden;
+}
+
+igc-input::part(container), igc-input::part(input) {
+  background: inherit;
+  color: inherit;
+}`;
+var Vt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, x = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Zt(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Vt(e, t, a), a;
+}, Qt = (i, e, t) => {
+  if (!e.has(i))
+    throw TypeError("Cannot " + t);
+}, v = (i, e, t) => {
+  if (e.has(i))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(i) : e.set(i, t);
+}, c = (i, e, t) => (Qt(i, e, "access private method"), t), D, j, V, ue, N, te, ie, Pe, re, He, ae, We, se, Ue, le, Fe, ne, Be, oe, Ge, P, de;
+function L(i) {
+  return n`<igc-icon
+    slot="prefix"
+    name=${ke(i)}
+    collection="internal"
+  ></igc-icon>`;
+}
+let p = class extends S {
+  constructor() {
+    super(...arguments), v(this, D), v(this, V), v(this, N), v(this, ie), v(this, re), v(this, ae), v(this, se), v(this, le), v(this, ne), v(this, oe), v(this, P), this.active = !1, this.column = Z;
+  }
+  static get is() {
+    return Ae;
+  }
+  get isNumeric() {
+    return this.column.type === "number";
+  }
+  get filterController() {
+    return this.state.filtering;
+  }
+  get condition() {
+    return this.expression.condition;
+  }
+  activeChanged() {
+    this.style.display = this.active ? "flex" : "", this.active || (this.column = Z), this.state.host.requestUpdate();
+  }
+  renderCriteriaButton(i, e) {
+    return e ? n`<igc-button
+          variant="flat"
+          @click=${c(this, ne, Be).call(this, i)}
+        >
+          ${i.criteria}
+        </igc-button>` : g;
+  }
+  renderExpressionChip(i) {
+    const { name: e, unary: t } = i.expression.condition, { searchTerm: r } = i.expression, a = n`<span slot="select"></span>${L(e)}`;
+    return n`<igc-chip
+      selectable
+      removable
+      ?selected=${i.selected}
+      @igcRemove=${i.onRemove}
+      @igcSelect=${i.onSelect}
+    >
+      ${a}${t ? e : r}
+    </igc-chip>`;
+  }
+  renderActiveChips() {
+    const i = this.filterController.get(this.column.key);
+    return i ? Array.from(i).map((e, t) => {
+      const r = {
+        expression: e,
+        selected: this.expression === e,
+        onRemove: c(this, P, de).call(this, e),
+        onSelect: c(this, oe, Ge).call(this, e)
+      };
+      return n`${this.renderCriteriaButton(e, t)}${this.renderExpressionChip(
+        r
+      )}`;
+    }) : g;
+  }
+  renderFilterActions() {
+    return n`
+      <igc-button
+        id="reset"
+        variant="flat"
+        @click=${c(this, se, Ue)}
+      >
+        ${L("refresh")} Reset
+      </igc-button>
+      <igc-button
+        id="close"
+        variant="flat"
+        @click=${() => this.active = !1}
+      >
+        ${L("close")} Close
+      </igc-button>
+    `;
+  }
+  renderDropdown() {
+    return n`<igc-dropdown
+      flip
+      same-width
+      @igcChange=${c(this, ie, Pe)}
+      >${Array.from(U(this.column)).map(
+      (i) => n`<igc-dropdown-item
+          .value=${i}
+          ?selected=${this.condition?.name === i}
+        >
+          ${L(i)}${i}
+        </igc-dropdown-item>`
+    )}
+    </igc-dropdown>`;
+  }
+  renderDropdownTarget() {
+    return n`<igc-icon
+      id="condition"
+      slot="prefix"
+      collection="internal"
+      .name=${this.condition.name}
+      @click=${c(this, le, Fe)}
+    >
+    </igc-icon>`;
+  }
+  renderInputArea() {
+    return n`<igc-input
+        outlined
+        value=${ke(this.expression.searchTerm)}
+        placeholder="Add filter value"
+        ?readonly=${this.condition.unary}
+        @igcInput=${c(this, re, He)}
+        @keydown=${c(this, ae, We)}
+      >
+        ${this.renderDropdownTarget()}
+      </igc-input>
+      ${this.renderDropdown()}`;
+  }
+  renderActiveState() {
+    return n`<div part="active-state">
+      <div part="filter-row-input">${this.renderInputArea()}</div>
+      <div part="filter-row-filters">${this.renderActiveChips()}</div>
+      <div part="filter-row-actions">${this.renderFilterActions()}</div>
+    </div> `;
+  }
+  renderInactiveChips(i, e) {
+    return Array.from(e).map((t, r) => {
+      const a = {
+        expression: t,
+        selected: !1,
+        onRemove: c(this, P, de).call(this, t),
+        onSelect: (s) => {
+          s.stopPropagation(), this.column = i, this.expression = t, c(this, N, te).call(this);
+        }
+      };
+      return n`${this.renderCriteriaButton(t, r)}${this.renderExpressionChip(a)}`;
+    });
+  }
+  renderFilterState(i) {
+    const e = this.filterController.get(i.key), t = e && e.length < 3, r = e && e.length >= 3, a = () => {
+      this.column = i, c(this, D, j).call(this), c(this, N, te).call(this);
+    }, s = r ? n`<span slot="suffix">${e.length}</span>` : g, l = n`<igc-chip
+      data-column=${i.key}
+      @click=${a}
+      >${L("filter")}Filter${s}</igc-chip
+    >`;
+    return t ? this.renderInactiveChips(i, e) : l;
+  }
+  renderInactiveState() {
+    return this.state.host.columns.map(
+      (i) => i.hidden ? g : n`<div part="filter-row-preview">
+            ${i.filter ? this.renderFilterState(i) : g}
+          </div>`
+    );
+  }
+  render() {
+    return n`${this.active ? this.renderActiveState() : this.renderInactiveState()}`;
+  }
+};
+D = /* @__PURE__ */ new WeakSet();
+j = function() {
+  this.expression = this.filterController.getDefaultExpression(this.column);
+};
+V = /* @__PURE__ */ new WeakSet();
+ue = function(i) {
+  this.filterController.removeExpression(i);
+};
+N = /* @__PURE__ */ new WeakSet();
+te = async function() {
+  this.active = !0, await this.updateComplete, this.input.select();
+};
+ie = /* @__PURE__ */ new WeakSet();
+Pe = function(i) {
+  i.stopPropagation(), this.expression.condition = U(this.column).get(i.detail.value), (this.input.value || this.expression.condition.unary) && this.filterController.filterWithEvent(this.expression), this.requestUpdate();
+};
+re = /* @__PURE__ */ new WeakSet();
+He = function(i) {
+  i.stopPropagation();
+  const e = this.isNumeric ? parseFloat(i.detail) : i.detail;
+  (this.isNumeric ? !isNaN(e) : !!e) ? (this.expression.searchTerm = e, this.filterController.filterWithEvent(this.expression)) : (c(this, V, ue).call(this, this.expression), this.state.host.requestUpdate(z)), this.requestUpdate();
+};
+ae = /* @__PURE__ */ new WeakSet();
+We = function(i) {
+  switch (i.stopPropagation(), i.key) {
+    case "Enter":
+      this.input.value = "", c(this, D, j).call(this);
+      return;
+    case "Escape":
+      this.active = !1;
+      return;
+    default:
+      return;
+  }
+};
+se = /* @__PURE__ */ new WeakSet();
+Ue = function() {
+  this.filterController.reset(this.column.key), this.state.host.requestUpdate(z), this.requestUpdate();
+};
+le = /* @__PURE__ */ new WeakSet();
+Fe = function() {
+  this.dropdown.toggle(this.input);
+};
+ne = /* @__PURE__ */ new WeakSet();
+Be = function(i) {
+  return async (e) => {
+    e.stopPropagation(), i.criteria = i.criteria === "and" ? "or" : "and", this.filterController.filterWithEvent(i), this.requestUpdate();
+  };
+};
+oe = /* @__PURE__ */ new WeakSet();
+Ge = function(i) {
+  return async (e) => {
+    e.stopPropagation(), this.expression = i, await this.updateComplete, this.input.select();
+  };
+};
+P = /* @__PURE__ */ new WeakSet();
+de = function(i) {
+  return async (e) => {
+    e.stopPropagation(), c(this, V, ue).call(this, i), this.active && this.expression === i && (c(this, D, j).call(this), await this.updateComplete, this.input.focus()), this.state.host.requestUpdate(z), this.requestUpdate();
+  };
+};
+p.styles = jt;
+x([
+  he({ context: F, subscribe: !0 }),
+  o({ attribute: !1 })
+], p.prototype, "state", 2);
+x([
+  o({ attribute: !1 })
+], p.prototype, "active", 2);
+x([
+  A(fe.tagName)
+], p.prototype, "input", 2);
+x([
+  A("#condition")
+], p.prototype, "conditionElement", 2);
+x([
+  A(we.tagName)
+], p.prototype, "dropdown", 2);
+x([
+  o({ attribute: !1 })
+], p.prototype, "column", 2);
+x([
+  o({ attribute: !1 })
+], p.prototype, "expression", 2);
+x([
+  q("active", { waitUntilFirstUpdate: !0 })
+], p.prototype, "activeChanged", 1);
+p = x([
+  _(Ae)
+], p);
+var Kt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, h = (i, e, t, r) => {
+  for (var a = r > 1 ? void 0 : r ? Xt(e, t) : e, s = i.length - 1, l; s >= 0; s--)
+    (l = i[s]) && (a = (r ? l(e, t, a) : l(a)) || a);
+  return r && a && Kt(e, t, a), a;
+};
+Xe(
+  Ye,
+  Je,
+  fe,
+  we,
+  et,
+  tt
+);
+let d = class extends zt {
+  constructor() {
+    super(), this.stateController = new bt(this), this.DOM = new wt(this, this.stateController), this.dataController = new ft(this), this.rowRenderer = (i, e) => n`<apex-grid-row
+      part="row"
+      style=${R({ ...this.DOM.columnSizes, ...this.DOM.getActiveRowStyles(e) })}
+      .index=${e}
+      .activeNode=${this.stateController.active}
+      .data=${i}
+      .columns=${this.columns}
+    ></apex-grid-row>`, this.stateProvider = new Ve(this, F, this.stateController), this.dataState = [], this.columns = [], this.data = [], this.autoGenerate = !1, this.sortConfiguration = {
+      multiple: !0,
+      triState: !0
+    }, this.sortExpressions = [], this.filterExpressions = [], Ct();
+  }
+  static get is() {
+    return Ce;
+  }
+  get rows() {
+    return Array.from(this._rows);
+  }
+  get dataView() {
+    return this.dataState;
+  }
+  get totalItems() {
+    return this.dataState.length;
+  }
+  connectedCallback() {
+    super.connectedCallback(), ht(this);
+  }
+  requestUpdate(i, e, t) {
+    this.headerRow?.requestUpdate(), this.filterRow?.requestUpdate(), super.requestUpdate(i, e, t);
+  }
+  watchSortExpressions() {
+    this.sortExpressions.length && this.sort(this.sortExpressions);
+  }
+  watchFilterExpressions() {
+    this.filterExpressions.length && this.filter(this.filterExpressions);
+  }
+  watchColumns(i, e = []) {
+    this.columns = e.map((t) => ({ ...Z, ...t }));
+  }
+  dataChanged() {
+    this.dataState = structuredClone(this.data), this.hasUpdated && this.pipeline();
+  }
+  async pipeline() {
+    this.dataState = await this.dataController.apply(
+      structuredClone(this.data),
+      this.stateController
+    );
+  }
+  filter(i) {
+    this.stateController.filtering.filter(
+      M(i).map(
+        (e) => typeof e.condition == "string" ? Object.assign(e, {
+          condition: U(this.getColumn(e.key)).get(e.condition)
+        }) : e
+      )
+    );
+  }
+  sort(i) {
+    this.stateController.sorting.sort(i);
+  }
+  getColumn(i) {
+    return typeof i == "number" ? this.columns.at(i) : this.columns.find(({ key: e }) => e === i);
+  }
+  updateColumn(i, e) {
+    e.sort || this.stateController.sorting.reset(i), e.filter || this.stateController.filtering.reset(i), this.columns = this.columns.map((t) => (i === t.key && (t = { ...t, ...e }), t)), this.requestUpdate();
+  }
+  bodyClickHandler(i) {
+    const e = i.composedPath().find((t) => t instanceof w);
+    e && (this.stateController.active = {
+      column: e.column.key,
+      row: e.row.index
+    });
+  }
+  bodyKeydownHandler(i) {
+    const e = i.target;
+    this.bodyElement.isSameNode(e) && this.stateController.navigation.navigate(i, this.bodyElement);
+  }
+  renderHeaderRow() {
+    return n`<apex-grid-header-row
+      style=${R(this.DOM.columnSizes)}
+      .columns=${this.columns}
+    ></apex-grid-header-row>`;
+  }
+  renderBody() {
+    return n`<apex-grid-body
+      @keydown=${this.bodyKeydownHandler}
+      @click=${this.bodyClickHandler}
+      .items=${this.dataState}
+      .renderItem=${this.rowRenderer}
+    ></apex-grid-body>`;
+  }
+  renderFilterRow() {
+    return this.columns.some((i) => i.filter) ? n`<apex-filter-row style=${R(this.DOM.columnSizes)}></apex-filter-row>` : g;
+  }
+  render() {
+    return n`${this.stateController.resizing.renderIndicator()}${this.renderHeaderRow()}${this.renderFilterRow()}${this.renderBody()}`;
+  }
+};
+d.styles = Le;
+h([
+  A(Q.is)
+], d.prototype, "bodyElement", 2);
+h([
+  A(C.is)
+], d.prototype, "headerRow", 2);
+h([
+  A(p.is)
+], d.prototype, "filterRow", 2);
+h([
+  Ze()
+], d.prototype, "dataState", 2);
+h([
+  ce(b.is)
+], d.prototype, "_rows", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "columns", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "data", 2);
+h([
+  o({ type: Boolean, attribute: "auto-generate" })
+], d.prototype, "autoGenerate", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "sortConfiguration", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "remoteConfiguration", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "sortExpressions", 2);
+h([
+  o({ attribute: !1 })
+], d.prototype, "filterExpressions", 2);
+h([
+  q("sortExpressions")
+], d.prototype, "watchSortExpressions", 1);
+h([
+  q("filterExpressions")
+], d.prototype, "watchFilterExpressions", 1);
+h([
+  q("columns")
+], d.prototype, "watchColumns", 1);
+h([
+  q("data")
+], d.prototype, "dataChanged", 1);
+h([
+  q(z)
+], d.prototype, "pipeline", 1);
+h([
+  Qe({ capture: !0 })
+], d.prototype, "bodyClickHandler", 1);
+d = h([
+  rt({
+    bootstrap: Le,
+    fluent: _t,
+    indigo: Et,
+    material: $t
+  }),
+  _(Ce)
+], d);
+export {
+  d as ApexGrid,
+  ge as BaseOperands,
+  lt as BooleanOperands,
+  ct as FilterExpressionTree,
+  gt as FilterState,
+  nt as NumberOperands,
+  ot as StringOperands
+};