@endge/ui-vue 0.23.3

package/dist/revo-grid.entry-BAwst49a.js

@@ -0,0 +1,1615 @@
+import { r as V, c as g, g as z, t as E, a as T, b as F, d as S, G as L, S as D, i as A, A as N, F as X, E as M, e as $, C as Y, T as U, h as v, H as G, f as W, B as O, j as R, k as w, l as q, R as K, D as Z, m as J, n as Q, o as ee, p as H, q as y, s as re, u as I, v as te, w as oe, x as P, y as _, z as ie, I as se, V as ne } from "./main-CQv-nkoD.js";
+import { H as k, D as le, g as ae, v as de, F as ce, C as ge } from "./viewport.helpers-CoCAvmZs-f555rwPU.js";
+import { g as x } from "./events-BvSmBueA-Doh7RyHn.js";
+/*!
+ * Built by Revolist OU ❤️
+ */
+class he {
+  get stores() {
+    return this.dataSources;
+  }
+  constructor() {
+    this.collection = null, this.dataSources = w.reduce((e, r) => (e[r] = new H(r), e), {});
+  }
+  column(e, r = "rgCol") {
+    return this.getColumn(e, r);
+  }
+  getColumn(e, r) {
+    return y(this.dataSources[r].store, e);
+  }
+  getRawColumns() {
+    return R(this.dataSources, (e, r, t) => (e[t] = r.store.get("source"), e), {
+      rgCol: [],
+      colPinStart: [],
+      colPinEnd: []
+    });
+  }
+  getColumns(e = "all") {
+    const r = this.getRawColumns();
+    return e !== "all" ? r[e] : w.reduce((t, i) => [...t, ...r[i]], []);
+  }
+  getColumnIndexByProp(e, r) {
+    return re(this.dataSources[r].store, e);
+  }
+  getColumnByProp(e) {
+    var r;
+    return (r = this.collection) === null || r === void 0 ? void 0 : r.columnByProp[e];
+  }
+  refreshByType(e) {
+    this.dataSources[e].refresh();
+  }
+  /**
+   * Main method to set columns
+   */
+  setColumns(e) {
+    return w.forEach((r) => {
+      this.dataSources[r].updateData(e.columns[r], {
+        // max depth level
+        depth: e.maxLevel,
+        // groups
+        groups: e.columnGrouping[r].reduce((t, i) => (t[i.level] || (t[i.level] = []), t[i.level].push(i), t), {})
+      });
+    }), this.collection = e, e;
+  }
+  /**
+   * Used in plugins
+   * Modify columns in store
+   */
+  updateColumns(e) {
+    const r = e.reduce((i, s) => {
+      const n = I(s);
+      return i[n] || (i[n] = {}), i[n][s.prop] = s, i;
+    }, {}), t = {};
+    for (const i in r) {
+      if (!r.hasOwnProperty(i))
+        continue;
+      const s = i, n = r[s], d = this.dataSources[s].store.get("source");
+      t[s] = {};
+      for (let a = 0; a < d.length; a++) {
+        const c = d[a], l = n == null ? void 0 : n[c.prop];
+        l && (t[s][a] = l);
+      }
+    }
+    for (const i in t) {
+      if (!t.hasOwnProperty(i))
+        continue;
+      const s = i;
+      te(this.dataSources[s].store, t[s] || {});
+    }
+  }
+  updateColumn(e, r) {
+    const t = I(e);
+    oe(this.dataSources[t].store, { [r]: e });
+  }
+}
+class ve {
+  constructor(e) {
+    this.dimensionProvider = e, this.stores = R(S, (r, t) => (r[t] = new H(t), r), {});
+  }
+  /**
+   * Replaces the data source for a row type and synchronizes the related dimension metadata.
+   *
+   * `rgRow` updates also refresh the virtual row model unless `disableVirtualRows` is set.
+   * Pinned row types skip virtual row recalculation because they are rendered directly.
+   *
+   * @param data Full source data assigned to the target row store.
+   * @param type Row collection to update. Defaults to the main body rows.
+   * @param disableVirtualRows Prevents recalculating virtual rows for the main row store.
+   * @param grouping Optional grouping metadata applied together with the new data set.
+   * @param silent Preserves the current trimmed state instead of resetting it during the update.
+   * @param preserveTrimmed Re-applies current trimmed indexes after a silent update.
+   * @returns The same `data` array that was provided to the method.
+   */
+  setData(e, r = "rgRow", t = !1, i, s = !1, n = !1) {
+    this.stores[r].updateData([...e], i, s, n);
+    const d = r !== "rgRow" || t;
+    return this.dimensionProvider.setData(e.length, r, d), e;
+  }
+  getModel(e, r = "rgRow") {
+    const t = this.stores[r].store;
+    return y(t, e);
+  }
+  changeOrder({ rowType: e = "rgRow", from: r, to: t }) {
+    const i = this.stores[e], s = [...i.store.get("proxyItems")], n = i.store.get("items"), d = s.splice(
+      s.indexOf(n[r]),
+      // get index in proxy
+      1
+    ), a = n[r < t ? t + 1 : t], c = a === void 0 ? s.length : s.indexOf(a);
+    s.splice(c, 0, ...d), i.setData({
+      proxyItems: s
+    });
+    const l = i.store.get("items");
+    this.dimensionProvider.updateSizesPositionByNewDataIndexes(e, l, n);
+  }
+  setCellData({ type: e, rowIndex: r, prop: t, val: i }, s = !0) {
+    const n = this.getModel(r, e);
+    n[t] = i, this.stores[e].setSourceData({ [r]: n }, s);
+  }
+  setRangeData(e, r) {
+    const t = {};
+    for (let i in e) {
+      const s = t[i] = y(this.stores[r].store, parseInt(i, 10));
+      if (s)
+        for (let n in e[i])
+          s[n] = e[i][n];
+    }
+    this.stores[r].setSourceData(t);
+  }
+  refresh(e = "all") {
+    se(e) && this.refreshItems(e), S.forEach((r) => this.refreshItems(r));
+  }
+  refreshItems(e = "rgRow") {
+    const r = this.stores[e].store.get("items");
+    this.stores[e].setData({ items: [...r] });
+  }
+  setGrouping({ depth: e }, r = "rgRow") {
+    this.stores[r].setData({ groupingDepth: e });
+  }
+  setTrimmed(e, r = "rgRow") {
+    const t = this.stores[r];
+    t.addTrimmed(e), this.dimensionProvider.setTrimmed(e, r), r === "rgRow" && this.dimensionProvider.setData(T(t.store).length, r);
+  }
+}
+const B = ["rgCol"];
+function j(o, e = !1, r = B) {
+  return !e && r.includes(o);
+}
+class ue {
+  constructor(e, r) {
+    this.viewports = e;
+    const t = q((i) => r.realSizeChanged(i), K);
+    this.stores = [...S, ...w].reduce((i, s) => (i[s] = new Z(s), i[s].store.onChange("realSize", () => t(s)), i), {});
+  }
+  /**
+   * Clear old sizes from dimension and viewports
+   * @param type - dimension type
+   * @param count - count of items
+   */
+  clearSize(e, r) {
+    this.stores[e].drop(), this.viewports.stores[e].setOriginalSizes(this.stores[e].store.get("originItemSize")), this.setItemCount(r, e);
+  }
+  /**
+   * Apply new custom sizes to dimension and view port
+   * @param type - dimension type
+   * @param sizes - new custom sizes
+   * @param keepOld - keep old sizes merge new with old
+   */
+  setCustomSizes(e, r, t = !1) {
+    let i = r;
+    if (t) {
+      const s = this.stores[e].store.get("sizes");
+      i = Object.assign(Object.assign({}, s), r);
+    }
+    this.stores[e].setDimensionSize(i), this.setViewPortCoordinate({
+      type: e,
+      force: !0
+    });
+  }
+  setItemCount(e, r) {
+    this.viewports.stores[r].setViewport({ realCount: e }), this.stores[r].setStore({ count: e });
+  }
+  /**
+   * Apply trimmed items
+   * @param trimmed - trimmed items
+   * @param type
+   */
+  setTrimmed(e, r) {
+    const t = J(e);
+    this.stores[r].setStore({ trimmed: t }), this.setViewPortCoordinate({
+      type: r,
+      force: !0
+    });
+  }
+  /**
+   * Sets dimension data and viewport coordinate
+   * @param itemCount
+   * @param type - dimension type
+   * @param noVirtual - disable virtual data
+   */
+  setData(e, r, t = !1) {
+    if (this.setItemCount(e, r), t) {
+      const i = this.stores[r].getCurrentState();
+      this.viewports.stores[r].setViewport({
+        virtualSize: i.realSize
+      });
+    }
+    this.setViewPortCoordinate({
+      type: r
+    });
+  }
+  /**
+   * Applies new columns to the dimension provider
+   * @param columns - new columns data
+   * @param disableVirtualX - disable virtual data for X axis
+   * @param virtualX - column dimensions that should use virtual data
+   */
+  applyNewColumns(e, r, t = !1, i = B) {
+    for (let s of w) {
+      t || this.stores[s].drop();
+      const n = e[s], d = !j(s, r, i);
+      this.stores[s].setStore({ count: n.length });
+      const a = Q(n);
+      this.stores[s].setDimensionSize(a);
+      const c = {
+        // This triggers drop on realCount change
+        realCount: n.length
+      };
+      d && (c.virtualSize = this.stores[s].getCurrentState().realSize), this.viewports.stores[s].setViewport(c), this.setViewPortCoordinate({
+        type: s
+      });
+    }
+  }
+  /**
+   * Gets the full size of the grid by summing up the sizes of all dimensions
+   * Goes through all dimensions columnTypes (x) and rowTypes (y) and sums up their sizes
+   */
+  getFullSize() {
+    var e, r;
+    let t = 0, i = 0;
+    for (let s of w)
+      t += ((e = this.stores[s]) === null || e === void 0 ? void 0 : e.store.get("realSize")) || 0;
+    for (let s of S)
+      i += ((r = this.stores[s]) === null || r === void 0 ? void 0 : r.store.get("realSize")) || 0;
+    return { y: i, x: t };
+  }
+  setViewPortCoordinate({ type: e, coordinate: r = this.viewports.stores[e].lastCoordinate, force: t = !1 }) {
+    const i = this.stores[e].getCurrentState(), s = this.viewports.stores[e].store, n = s.get("clientSize"), d = s.get("virtualSize"), a = ae({
+      contentSize: i.realSize,
+      clientSize: n,
+      virtualSize: d
+    }), c = Math.min(
+      Math.max(0, r),
+      // prevents negative scroll positions
+      a.logicalScrollSize
+    ), l = n && d ? a.getRenderOffset(c) : 0;
+    this.stores[e].setStore({ renderOffset: l }), this.viewports.stores[e].setViewport({ renderOffset: l }), this.viewports.stores[e].setViewPortCoordinate(r, i, t);
+  }
+  getViewPortPos(e) {
+    const r = this.stores[e.dimension].getCurrentState();
+    return ee(r, e.coordinate).start;
+  }
+  setSettings(e, r) {
+    let t = [];
+    switch (r) {
+      case "rgCol":
+        t = w;
+        break;
+      case "rgRow":
+        t = S;
+        break;
+    }
+    for (let i of t)
+      this.stores[i].setStore(e);
+  }
+  updateSizesPositionByNewDataIndexes(e, r, t = []) {
+    this.stores[e].updateSizesPositionByIndexes(r, t), this.setViewPortCoordinate({
+      type: e,
+      force: !0
+    });
+  }
+}
+class pe {
+  constructor() {
+    this.stores = R([...S, ...w], (e, r) => (e[r] = new ne(r), e), {});
+  }
+  setViewport(e, r) {
+    this.stores[e].setViewport(r);
+  }
+}
+function fe(o, e) {
+  return e === "rgCol" ? o : e;
+}
+function me(o) {
+  const e = o.dimensions[o.colType].store, r = e.get("realSize"), t = {
+    contentWidth: r,
+    class: o.colType,
+    contentHeight: o.contentHeight,
+    key: o.colType,
+    colType: o.colType,
+    noHorizontalScrollTransfer: o.noHorizontalScrollTransfer,
+    onResizeviewport: o.onResizeviewport,
+    // set viewport size to real size
+    style: o.fixWidth ? { minWidth: `${r}px` } : void 0
+  }, i = {
+    colData: T(o.colStore),
+    dimensionCol: e,
+    type: o.colType,
+    groups: o.colStore.get("groups"),
+    groupingDepth: o.colStore.get("groupingDepth"),
+    resizeHandler: o.colType === "colPinEnd" ? ["l"] : void 0,
+    onHeaderresize: o.onHeaderresize
+  };
+  return {
+    prop: t,
+    type: o.colType,
+    position: o.position,
+    headerProp: i,
+    viewportCol: o.viewports[o.colType].store
+  };
+}
+class we {
+  constructor(e, r) {
+    var t;
+    this.config = e;
+    const i = [];
+    let s = 0;
+    w.forEach((n) => {
+      const d = e.columnProvider.stores[n].store;
+      if (!d.get("items").length)
+        return;
+      const a = {
+        colType: n,
+        position: { x: s, y: 1 },
+        contentHeight: r,
+        // only central column has dynamic width
+        fixWidth: n !== "rgCol",
+        viewports: e.viewportProvider.stores,
+        dimensions: e.dimensionProvider.stores,
+        rowStores: e.dataProvider.stores,
+        noHorizontalScrollTransfer: e.noHorizontalScrollTransfer,
+        colStore: d,
+        onHeaderresize: (f) => this.onColumnResize(n, f, d)
+      };
+      a.onResizeviewport = (f) => {
+        var h;
+        const C = {
+          clientSize: f.detail.size
+        }, b = fe(n, f.detail.dimension), p = w.includes(b) && j(b, e.disableVirtualX, e.virtualX);
+        (b === "rgRow" && !e.disableVirtualY || p) && (C.virtualSize = f.detail.size), (h = e.viewportProvider) === null || h === void 0 || h.setViewport(b, C);
+      };
+      const c = me(a), l = this.registerCol(c.position.x, n), u = this.dataViewPort(a).reduce((f, h) => {
+        const C = this.registerSegment(h.position, h.lastCell), b = this.registerRow(h.position.y, h.type), p = Object.assign(Object.assign({ colType: n }, h), { rowSelectionStore: b, selectionStore: C.store, onSetrange: (m) => {
+          C.setRangeArea(m.detail);
+        }, onSettemprange: (m) => C.setTempArea(m.detail), onFocuscell: (m) => {
+          C.clearFocus(), e.selectionStoreConnector.focus(C, m.detail);
+        } });
+        return f.push(p), f;
+      }, []);
+      i.push(Object.assign(Object.assign({}, c), {
+        columnSelectionStore: l,
+        dataPorts: u
+      })), s++;
+    }), this.columns = i, (t = this.config.scrollingService) === null || t === void 0 || t.unregister();
+  }
+  onColumnResize(e, { detail: r }, t) {
+    var i;
+    (i = this.config.dimensionProvider) === null || i === void 0 || i.setCustomSizes(e, r, !0);
+    const s = {};
+    for (const n of Object.keys(r || {})) {
+      const d = r[n], a = parseInt(n, 10), c = y(t, a);
+      c && (s[a] = Object.assign(Object.assign({}, c), { size: d }));
+    }
+    this.config.resize(s);
+  }
+  /** register selection store for Segment */
+  registerSegment(e, r) {
+    const t = this.config.selectionStoreConnector.register(e);
+    return t.setLastCell(r), t;
+  }
+  /** register selection store for Row */
+  registerRow(e, r) {
+    return this.config.selectionStoreConnector.registerRow(e, r).store;
+  }
+  /** register selection store for Column */
+  registerCol(e, r) {
+    return this.config.selectionStoreConnector.registerColumn(e, r).store;
+  }
+  /** Collect Row data */
+  dataViewPort(e) {
+    const r = {
+      rowPinStart: k,
+      rgRow: ge,
+      rowPinEnd: ce
+    };
+    let t = 0;
+    return S.reduce((i, s) => {
+      const n = Object.assign(Object.assign({}, e), { position: Object.assign(Object.assign({}, e.position), { y: t }) }), d = de(n, s, r[s], s !== "rgRow");
+      return i.push(d), t++, i;
+    }, []);
+  }
+  scrollToCell(e) {
+    for (let r in e) {
+      const t = e[r];
+      typeof t == "number" && this.config.scrollingService.proxyScroll({
+        dimension: r === "x" ? "rgCol" : "rgRow",
+        coordinate: t
+      });
+    }
+  }
+  /**
+   * Clear current grid focus
+   */
+  clearFocused() {
+    this.config.selectionStoreConnector.clearAll();
+  }
+  clearEdit() {
+    this.config.selectionStoreConnector.setEdit(!1);
+  }
+  /**
+   * Collect focused element data
+   */
+  getFocused() {
+    const e = this.config.selectionStoreConnector.focusedStore;
+    if (!e)
+      return null;
+    const r = this.config.selectionStoreConnector.storesXToType[e.position.x], t = this.config.columnProvider.getColumn(e.cell.x, r), i = this.config.selectionStoreConnector.storesYToType[e.position.y], s = this.config.dataProvider.getModel(e.cell.y, i);
+    return {
+      column: t,
+      model: s,
+      cell: e.cell,
+      colType: r,
+      rowType: i
+    };
+  }
+  getStoreCoordinateByType(e, r) {
+    const t = this.config.selectionStoreConnector.storesByType;
+    if (!(typeof t[e] > "u" || typeof t[r] > "u"))
+      return {
+        x: t[e],
+        y: t[r]
+      };
+  }
+  setFocus(e, r, t, i) {
+    var s;
+    const n = this.getStoreCoordinateByType(e, r);
+    n && ((s = this.config.selectionStoreConnector) === null || s === void 0 || s.focusByCell(n, t, i));
+  }
+  getSelectedRange() {
+    const e = this.config.selectionStoreConnector.focusedStore;
+    if (!e)
+      return null;
+    const r = this.config.selectionStoreConnector.storesXToType[e.position.x], t = this.config.selectionStoreConnector.storesYToType[e.position.y], i = e.entity.store.get("range");
+    return i ? Object.assign(Object.assign({}, i), {
+      colType: r,
+      rowType: t
+    }) : null;
+  }
+  setEdit(e, r, t, i) {
+    var s;
+    const n = this.getStoreCoordinateByType(t, i);
+    n && ((s = this.config.selectionStoreConnector) === null || s === void 0 || s.setEditByCell(n, { x: r, y: e }));
+  }
+}
+class Ce {
+  constructor(e) {
+    this.setViewport = e, this.elements = {};
+  }
+  async proxyScroll(e, r, t) {
+    var i;
+    let s, n = e;
+    for (let a in t ? {} : this.elements)
+      if (!(e.dimension === "rgCol" && a === "headerRow"))
+        if (this.isPinnedColumn(r) && e.dimension === "rgCol") {
+          if (a === r || !e.delta)
+            continue;
+          for (let c of this.elements[a])
+            c.changeScroll && (s = c.changeScroll(e));
+        } else
+          for (let c of this.elements[a])
+            await ((i = c.setScroll) === null || i === void 0 ? void 0 : i.call(c, e));
+    const d = await s;
+    d && (n = d), this.setViewport(t && this.isPinnedColumn(r) ? Object.assign(Object.assign({}, n), { dimension: r }) : n);
+  }
+  /**
+   * Silent scroll update for mobile devices when we have negative scroll top
+   */
+  async scrollSilentService(e, r) {
+    var t;
+    for (let i in this.elements)
+      if (i !== r && w.includes(r) && (i === "headerRow" || w.includes(i))) {
+        for (let s of this.elements[i])
+          await ((t = s.changeScroll) === null || t === void 0 ? void 0 : t.call(s, e, !0));
+        continue;
+      }
+  }
+  isPinnedColumn(e) {
+    return !!e && ["colPinStart", "colPinEnd"].indexOf(e) > -1;
+  }
+  registerElements(e) {
+    this.elements = e;
+  }
+  /**
+   * Register new element for farther scroll support
+   * @param el - can be null if holder removed
+   * @param key - element key
+   */
+  registerElement(e, r) {
+    this.elements[r] || (this.elements[r] = []), e ? this.elements[r].push(e) : this.elements[r] && delete this.elements[r];
+  }
+  unregister() {
+    this.elements = {};
+  }
+}
+class be {
+  constructor() {
+    this.stores = {}, this.columnStores = {}, this.rowStores = {}, this.storesByType = {}, this.storesXToType = {}, this.storesYToType = {};
+  }
+  get focusedStore() {
+    var e;
+    for (let r in this.stores)
+      for (let t in this.stores[r]) {
+        const i = (e = this.stores[r][t]) === null || e === void 0 ? void 0 : e.store.get("focus");
+        if (i)
+          return {
+            entity: this.stores[r][t],
+            cell: i,
+            position: {
+              x: parseInt(t, 10),
+              y: parseInt(r, 10)
+            }
+          };
+      }
+    return null;
+  }
+  get edit() {
+    var e;
+    return (e = this.focusedStore) === null || e === void 0 ? void 0 : e.entity.store.get("edit");
+  }
+  get focused() {
+    var e;
+    return (e = this.focusedStore) === null || e === void 0 ? void 0 : e.entity.store.get("focus");
+  }
+  get selectedRange() {
+    var e;
+    return (e = this.focusedStore) === null || e === void 0 ? void 0 : e.entity.store.get("range");
+  }
+  registerColumn(e, r) {
+    return this.updateColumnTypeMapping(e, r), this.columnStores[e] ? this.columnStores[e] : (this.columnStores[e] = new P(), this.columnStores[e]);
+  }
+  registerRow(e, r) {
+    return this.rowStores[e] ? this.rowStores[e] : (this.rowStores[e] = new P(), this.storesByType[r] = e, this.storesYToType[e] = r, this.rowStores[e]);
+  }
+  /**
+   * Cross store proxy, based on multiple dimensions
+   */
+  register({ x: e, y: r }) {
+    this.stores[r] || (this.stores[r] = {});
+    let t = this.stores[r][e];
+    return t || (this.stores[r][e] = t = new P(), t.onChange("range", (i) => {
+      this.columnStores[e].setRangeArea(i), this.rowStores[r].setRangeArea(i);
+    }), t.store.on("dispose", () => this.destroy(e, r)), t);
+  }
+  destroy(e, r) {
+    var t, i;
+    if ((t = this.columnStores[e]) === null || t === void 0 || t.dispose(), (i = this.rowStores[r]) === null || i === void 0 || i.dispose(), delete this.rowStores[r], delete this.columnStores[e], this.storesXToType[e]) {
+      const s = this.storesXToType[e];
+      delete this.storesXToType[e], delete this.storesByType[s];
+    }
+    if (this.storesYToType[r]) {
+      const s = this.storesYToType[r];
+      delete this.storesYToType[r], delete this.storesByType[s];
+    }
+    this.stores[r] && delete this.stores[r][e], Object.keys(this.stores[r] || {}).length || delete this.stores[r];
+  }
+  setEditByCell(e, r) {
+    this.focusByCell(e, r, r), this.setEdit("");
+  }
+  /**
+   * Sets the next focus cell before the current one.
+   *
+   * @param focus - The cell to set as the next focus.
+   */
+  beforeNextFocusCell(e) {
+    var r;
+    if (!this.focusedStore)
+      return;
+    const t = this.focusedStore.entity.store.get("lastCell"), i = t && this.getNextStore(e, this.focusedStore.position, t);
+    (r = i == null ? void 0 : i.store) === null || r === void 0 || r.setNextFocus(Object.assign(Object.assign({}, e), i.item));
+  }
+  focusByCell(e, r, t) {
+    const i = this.stores[e.y][e.x];
+    this.focus(i, { focus: r, end: t });
+  }
+  focus(e, { focus: r, end: t }) {
+    const i = this.getCurrentStorePointer(e);
+    if (!i)
+      return null;
+    const s = e.store.get("lastCell"), n = s && this.getNextStore(r, i, s);
+    if (n != null && n.store) {
+      const d = Object.assign(Object.assign({}, r), n.item);
+      return this.focus(n.store, { focus: d, end: d }), null;
+    }
+    return s && (r = _(r, s), t = _(t, s)), e.setFocus(r, t), r;
+  }
+  /**
+   * Retrieves the current store pointer based on the active store.
+   * Clears focus from all stores except the active one.
+   */
+  getCurrentStorePointer(e) {
+    let r;
+    for (let t in this.stores)
+      for (let i in this.stores[t]) {
+        const s = this.stores[t][i];
+        s !== e ? s.clearFocus() : r = {
+          x: parseInt(i, 10),
+          y: parseInt(t, 10)
+        };
+      }
+    return r;
+  }
+  /**
+   * Retrieves the next store based on the focus cell and current store pointer.
+   * If the next store exists, returns an object with the next store and the item in the new store.
+   * If the next store does not exist, returns null.
+   */
+  getNextStore(e, r, t) {
+    const i = ie(e, t);
+    let s;
+    i && Object.keys(i).forEach((d) => {
+      var a;
+      const c = d, l = (a = i[c]) !== null && a !== void 0 ? a : 0;
+      let u;
+      switch (c) {
+        case "x":
+          u = this.getXStores(r.y);
+          break;
+        case "y":
+          u = this.getYStores(r.x);
+          break;
+      }
+      if (l >= 0)
+        s = u[++r[c]];
+      else {
+        s = u[--r[c]];
+        const f = s == null ? void 0 : s.store.get("lastCell");
+        f && (i[c] = f[c] + l);
+      }
+    });
+    const n = s == null ? void 0 : s.store.get("lastCell");
+    return (!(n != null && n.x) || !(n != null && n.y)) && (s = void 0), {
+      store: s,
+      item: i
+    };
+  }
+  clearAll() {
+    var e;
+    for (let r in this.stores)
+      for (let t in this.stores[r])
+        (e = this.stores[r][t]) === null || e === void 0 || e.clearFocus();
+  }
+  setEdit(e) {
+    this.focusedStore && this.focusedStore.entity.setEdit(e);
+  }
+  /**
+   * Select all cells across all stores
+   */
+  selectAll() {
+    for (let e in this.stores)
+      for (let r in this.stores[e]) {
+        const t = this.stores[e][r];
+        if (!t)
+          continue;
+        const i = t.store.get("lastCell");
+        i && t.setRange({ x: 0, y: 0 }, { x: i.x - 1, y: i.y - 1 });
+      }
+  }
+  getXStores(e) {
+    return this.stores[e];
+  }
+  getYStores(e) {
+    const r = {};
+    for (let t in this.stores)
+      r[t] = this.stores[t][e];
+    return r;
+  }
+  /**
+   * Keep column viewport positions and types in sync across pin/unpin rerenders.
+   * Regression case: when a selected rgCol cell was pinned left, colPinStart
+   * could take over x=0 and render the stale rgCol focus store in the pinned area.
+   */
+  updateColumnTypeMapping(e, r) {
+    const t = this.storesXToType[e], i = this.storesByType[r];
+    let s = !1;
+    this.storesByType[r] = e, this.storesXToType[e] = r, t && t !== r && (s = !0, this.storesByType[t] === e && delete this.storesByType[t]), typeof i == "number" && i !== e && this.storesXToType[i] === r && (delete this.storesXToType[i], s = !0), s && this.clearAll();
+  }
+}
+class Se {
+  constructor() {
+    this.parentY = 0;
+  }
+  start(e, { pos: r, text: t, event: i }) {
+    var s;
+    const { top: n } = e.getBoundingClientRect();
+    this.parentY = n, this.text && (this.text.innerText = t), this.move(r), this.moveTip({ x: i.x, y: i.y }), (s = this.el) === null || s === void 0 || s.classList.remove("hidden");
+  }
+  end() {
+    var e;
+    (e = this.el) === null || e === void 0 || e.classList.add("hidden");
+  }
+  move(e) {
+    this.moveElement(e.end - this.parentY);
+  }
+  moveTip({ x: e, y: r }) {
+    this.draggable && (this.draggable.style.left = `${e}px`, this.draggable.style.top = `${r}px`);
+  }
+  moveElement(e) {
+    this.rgRow && (this.rgRow.style.transform = `translateY(${e}px)`);
+  }
+}
+const xe = ({ ref: o }) => {
+  const e = new Se();
+  return o(e), v("div", { class: "draggable-wrapper hidden", ref: (r) => e.el = r }, v("div", { class: "draggable", ref: (r) => e.draggable = r }, v("span", { class: "revo-alt-icon" }), v("span", { ref: (r) => e.text = r })), v("div", { class: "drag-position", ref: (r) => e.rgRow = r }));
+}, ye = (o = []) => {
+  const e = {};
+  for (const r of o) {
+    let t = e[r.type];
+    t || (t = e[r.type] = {}), typeof r.size == "number" && (t.sizes || (t.sizes = {}), t.sizes[r.index] = r.size);
+  }
+  return e;
+}, Pe = (o = []) => {
+  const e = {};
+  for (const r of o) {
+    let t = e[r.type];
+    t || (t = e[r.type] = []), typeof r.size == "number" && t.push(r.index);
+  }
+  return e;
+};
+function Te() {
+  return /Mobi/i.test(navigator.userAgent) || /Android/i.test(navigator.userAgent) || navigator.maxTouchPoints > 0;
+}
+class Re extends O {
+  constructor(e, r) {
+    super(e, r), e.setAttribute("role", "treegrid"), e.setAttribute("aria-keyshortcuts", "Enter"), e.setAttribute("aria-multiselectable", "true"), e.setAttribute("tabindex", "0"), this.addEventListener("beforecolumnsset", ({ detail: t }) => {
+      const i = [
+        ...t.columns.colPinStart,
+        ...t.columns.rgCol,
+        ...t.columns.colPinEnd
+      ];
+      e.setAttribute("aria-colcount", `${i.length}`), i.forEach((s, n) => {
+        const { columnProperties: d, cellProperties: a } = s;
+        s.columnProperties = (...c) => {
+          const l = (d == null ? void 0 : d(...c)) || {};
+          return l.role = "columnheader", l["aria-colindex"] = `${n}`, l;
+        }, s.cellProperties = (...c) => {
+          const l = {
+            role: "gridcell",
+            "aria-colindex": `${n}`,
+            "aria-rowindex": `${c[0].rowIndex}`,
+            tabindex: -1
+          }, u = (a == null ? void 0 : a(...c)) || {};
+          return Object.assign(Object.assign({}, l), u);
+        };
+      });
+    }), this.addEventListener("beforesourceset", ({ detail: t }) => {
+      e.setAttribute("aria-rowcount", `${t.source.length}`);
+    }), this.addEventListener("beforerowrender", ({ detail: t }) => {
+      t.node.$attrs$ = Object.assign(Object.assign({}, t.node.$attrs$), { role: "row", "aria-rowindex": t.item.itemIndex });
+    }), this.addEventListener("afterfocus", async (t) => {
+      if (t.defaultPrevented)
+        return;
+      const i = this.revogrid.querySelector(`revogr-data[type="${t.detail.rowType}"][col-type="${t.detail.colType}"] [data-rgrow="${t.detail.rowIndex}"][data-rgcol="${t.detail.colIndex}"]`);
+      i instanceof HTMLElement && i.focus();
+    });
+  }
+}
+class ze {
+  constructor() {
+    this.internalPlugins = [];
+  }
+  /**
+   * Get all plugins
+   */
+  get() {
+    return [...this.internalPlugins];
+  }
+  /**
+   * Add plugin to collection
+   */
+  add(e) {
+    this.internalPlugins.push(e);
+  }
+  /**
+   * Add user plugins and create
+   */
+  addUserPluginsAndCreate(e, r = [], t, i) {
+    if (!i)
+      return;
+    ((t == null ? void 0 : t.filter((n) => !r.some((d) => d === n))) || []).forEach((n) => {
+      var d, a;
+      const c = this.internalPlugins.findIndex((l) => l instanceof n);
+      c !== -1 && ((a = (d = this.internalPlugins[c]).destroy) === null || a === void 0 || a.call(d), this.internalPlugins.splice(c, 1));
+    }), r == null || r.forEach((n) => {
+      this.internalPlugins.find((a) => a instanceof n) || this.add(new n(e, i));
+    });
+  }
+  /**
+   * Get plugin by class
+   */
+  getByClass(e) {
+    return this.internalPlugins.find((r) => r instanceof e);
+  }
+  /**
+   * Remove plugin
+   */
+  remove(e) {
+    var r, t;
+    const i = this.internalPlugins.indexOf(e);
+    i > -1 && ((t = (r = this.internalPlugins[i]).destroy) === null || t === void 0 || t.call(r), this.internalPlugins.splice(i, 1));
+  }
+  /**
+   * Remove all plugins
+   */
+  destroy() {
+    this.internalPlugins.forEach((e) => {
+      var r;
+      return (r = e.destroy) === null || r === void 0 ? void 0 : r.call(e);
+    }), this.internalPlugins = [];
+  }
+}
+class Ee extends O {
+  constructor(e, r) {
+    super(e, r), this.isRTLEnabled = !1, this.init();
+  }
+  init() {
+    this.addEventListener("beforecolumnsset", (e) => {
+      this.handleBeforeColumnsSet(e);
+    }), this.addEventListener("aftergridinit", () => {
+      this.updateRTLState();
+    }), this.watch("rtl", (e) => {
+      this.isRTLEnabled = e, this.emit("rtlstatechanged", { rtl: this.isRTLEnabled });
+    }, { immediate: !0 });
+  }
+  /**
+   * Handle the beforecolumnsset event to apply RTL transformation
+   */
+  handleBeforeColumnsSet(e) {
+    if (!this.isRTLEnabled)
+      return;
+    const r = e.detail, t = this.applyRTLTransformationToCollection(r);
+    e.detail.columns = t.columns, e.detail.columnByProp = t.columnByProp, e.detail.columnGrouping = t.columnGrouping;
+  }
+  /**
+   * Apply RTL transformation to the entire column collection
+   */
+  applyRTLTransformationToCollection(e) {
+    const r = {
+      columns: {
+        rgCol: [],
+        colPinStart: [],
+        colPinEnd: []
+      },
+      columnByProp: Object.assign({}, e.columnByProp),
+      columnGrouping: {
+        rgCol: [],
+        colPinStart: [],
+        colPinEnd: []
+      },
+      maxLevel: e.maxLevel,
+      sort: Object.assign({}, e.sort)
+    };
+    return Object.keys(e.columns).forEach((t) => {
+      const i = t, s = e.columns[i], n = [...s].reverse();
+      r.columns[i] = n, r.columnGrouping[i] = this.applyRTLTransformationToGroups(e.columnGrouping[i], s.length);
+    }), r;
+  }
+  /**
+   * Apply RTL transformation to column groups
+   */
+  applyRTLTransformationToGroups(e, r) {
+    return e.map((t) => {
+      const i = t.indexes.map((s) => r - 1 - s).reverse();
+      return Object.assign(Object.assign({}, t), { indexes: i });
+    }).reverse();
+  }
+  /**
+   * Update RTL state based on the grid's rtl property
+   */
+  updateRTLState() {
+    const e = this.revogrid;
+    e && typeof e.rtl == "boolean" && (this.isRTLEnabled = e.rtl);
+  }
+  /**
+   * Get current RTL state
+   */
+  getRTLState() {
+    return this.isRTLEnabled;
+  }
+  /**
+   * Clean up the plugin
+   */
+  destroy() {
+    super.destroy();
+  }
+}
+const Le = () => `revo-grid[theme=default],revo-grid:not([theme]){border:1px solid var(--revo-grid-header-border);font-size:12px}revo-grid[theme=default] .rowHeaders revogr-header,revo-grid:not([theme]) .rowHeaders revogr-header{box-shadow:-1px 0 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-header,revo-grid:not([theme]) revogr-header{text-align:center;line-height:30px;background-color:var(--revo-grid-header-bg)}revo-grid[theme=default] revogr-header .group-rgRow,revo-grid:not([theme]) revogr-header .group-rgRow{box-shadow:none}revo-grid[theme=default] revogr-header .group-rgRow .rgHeaderCell,revo-grid:not([theme]) revogr-header .group-rgRow .rgHeaderCell{box-shadow:-1px 0 0 0 var(--revo-grid-header-border), -1px 0 0 0 var(--revo-grid-header-border) inset, 0 -1px 0 0 var(--revo-grid-header-border), 0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-header .header-rgRow,revo-grid[theme=default] revogr-header .group-rgRow,revo-grid:not([theme]) revogr-header .header-rgRow,revo-grid:not([theme]) revogr-header .group-rgRow{text-transform:uppercase;font-size:12px;color:var(--revo-grid-header-color)}revo-grid[theme=default] revogr-header .header-rgRow,revo-grid:not([theme]) revogr-header .header-rgRow{height:30px;box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-header .rgHeaderCell,revo-grid:not([theme]) revogr-header .rgHeaderCell{box-shadow:-1px 0 0 0 var(--revo-grid-header-border) inset, 0 -1px 0 0 var(--revo-grid-header-border), 0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] .rowHeaders,revo-grid:not([theme]) .rowHeaders{background-color:var(--revo-grid-header-bg)}revo-grid[theme=default] .rowHeaders revogr-data .rgCell,revo-grid:not([theme]) .rowHeaders revogr-data .rgCell{color:var(--revo-grid-header-color)}revo-grid[theme=default] .rowHeaders revogr-data .rgCell:first-child,revo-grid:not([theme]) .rowHeaders revogr-data .rgCell:first-child{box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] .rowHeaders revogr-data .rgCell:not(:first-child),revo-grid:not([theme]) .rowHeaders revogr-data .rgCell:not(:first-child){box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset, 1px 0 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] .rowHeaders revogr-data .rgCell:last-child,revo-grid:not([theme]) .rowHeaders revogr-data .rgCell:last-child{border-right:1px solid var(--revo-grid-header-border)}revo-grid[theme=default] .rowHeaders revogr-data revogr-header,revo-grid:not([theme]) .rowHeaders revogr-data revogr-header{box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-viewport-scroll.colPinStart revogr-data .rgRow .rgCell:last-child,revo-grid:not([theme]) revogr-viewport-scroll.colPinStart revogr-data .rgRow .rgCell:last-child{box-shadow:0 -1px 0 0 var(--revo-grid-cell-border) inset, -1px 0 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-viewport-scroll.colPinStart .footer-wrapper revogr-data .rgRow:first-child .rgCell,revo-grid:not([theme]) revogr-viewport-scroll.colPinStart .footer-wrapper revogr-data .rgRow:first-child .rgCell{box-shadow:0 1px 0 0 var(--revo-grid-header-border) inset, -1px 0 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] revogr-viewport-scroll.colPinEnd,revo-grid[theme=default] revogr-viewport-scroll.colPinEnd revogr-header,revo-grid:not([theme]) revogr-viewport-scroll.colPinEnd,revo-grid:not([theme]) revogr-viewport-scroll.colPinEnd revogr-header{box-shadow:1px 0 0 var(--revo-grid-header-border) inset}revo-grid[theme=default] .footer-wrapper revogr-data .rgRow:first-child .rgCell,revo-grid:not([theme]) .footer-wrapper revogr-data .rgRow:first-child .rgCell{box-shadow:0 1px 0 0 var(--revo-grid-cell-border) inset, -1px 0 0 0 var(--revo-grid-cell-border) inset, 0 -1px 0 0 var(--revo-grid-cell-border) inset}revo-grid[theme=default] revogr-data,revo-grid:not([theme]) revogr-data{text-align:center}revo-grid[theme=default] revogr-data .revo-draggable,revo-grid:not([theme]) revogr-data .revo-draggable{float:left}revo-grid[theme=default] revogr-data .rgRow,revo-grid:not([theme]) revogr-data .rgRow{line-height:27px}revo-grid[theme=default] revogr-data .rgCell,revo-grid:not([theme]) revogr-data .rgCell{box-shadow:0 -1px 0 0 var(--revo-grid-cell-border) inset, -1px 0 0 0 var(--revo-grid-cell-border) inset}revo-grid[theme=material]{font-family:Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}revo-grid[theme=material] revogr-header{line-height:50px;font-weight:600;text-align:left}revo-grid[theme=material] revogr-header .rgHeaderCell{padding:0 15px;text-overflow:ellipsis}revo-grid[theme=material] revogr-header .header-rgRow{height:50px}revo-grid[theme=material] revogr-data{text-align:left}revo-grid[theme=material] revogr-data .rgRow{line-height:42px}revo-grid[theme=material] revogr-data .rgCell{padding:0 15px}revo-grid[theme=darkMaterial]{font-family:Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}revo-grid[theme=darkMaterial] revogr-header{line-height:50px;font-weight:600;text-align:left}revo-grid[theme=darkMaterial] revogr-header .rgHeaderCell{padding:0 15px;text-overflow:ellipsis}revo-grid[theme=darkMaterial] revogr-header .header-rgRow{height:50px}revo-grid[theme=darkMaterial] revogr-data{text-align:left}revo-grid[theme=darkMaterial] revogr-data .rgRow{line-height:42px}revo-grid[theme=darkMaterial] revogr-data .rgCell{padding:0 15px}revo-grid[theme=darkCompact]{font-family:Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}revo-grid[theme=darkCompact] revogr-header{line-height:45px;font-weight:600;text-align:left}revo-grid[theme=darkCompact] revogr-header .rgHeaderCell{padding:0 15px;text-overflow:ellipsis}revo-grid[theme=darkCompact] revogr-header .header-rgRow{height:45px}revo-grid[theme=darkCompact] revogr-data{text-align:left}revo-grid[theme=darkCompact] revogr-data .rgRow{line-height:32px}revo-grid[theme=darkCompact] revogr-data .rgCell{padding:0 15px}revo-grid[theme=compact]{font-family:Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}revo-grid[theme=compact] revogr-header{line-height:45px;font-weight:600;text-align:left}revo-grid[theme=compact] revogr-header .rgHeaderCell{padding:0 15px;text-overflow:ellipsis}revo-grid[theme=compact] revogr-header .header-rgRow{height:45px}revo-grid[theme=compact] revogr-data{text-align:left}revo-grid[theme=compact] revogr-data .rgRow{line-height:32px}revo-grid[theme=compact] revogr-data .rgCell{padding:0 15px}revo-grid[theme=compact] revo-dropdown .rv-dr-root{padding:0px 9px}revo-grid[dir=rtl] .viewports{flex-direction:row-reverse}revo-grid[dir=rtl] revogr-header .rgHeaderCell{text-align:right}revo-grid[dir=rtl] revogr-data .rgCell{text-align:right}revo-grid[dir=rtl] .rowHeaders revogr-data .rgCell{text-align:right}revo-grid[dir=rtl] revogr-filter-panel{direction:rtl}revo-grid[dir=rtl] revo-dropdown .rv-dr-root{text-align:right}revo-grid[dir=rtl] .drag-position{right:0;left:auto}revo-grid[dir=rtl] .drag-auto-scroll-y{right:0;left:auto}revo-grid[dir=rtl] .clipboard{right:0;left:auto}revo-grid[dir=rtl] .draggable{margin-left:-20px;margin-right:0;padding-right:20px;padding-left:5px}revo-grid[dir=rtl] .draggable .revo-alt-icon{right:5px;left:auto}revo-grid[dir=rtl] .focused-cell{border-right:2px solid var(--revo-grid-primary);border-left:none}revo-grid[dir=rtl] .selection-range{border-right:2px solid var(--revo-grid-primary);border-left:none}revo-grid[dir=rtl] .resize-handle{right:0;left:auto}revo-grid[dir=rtl] .sort-indicator{margin-left:0;margin-right:5px}revo-grid[dir=rtl] .filter-button{margin-left:0;margin-right:5px}revo-grid[dir=rtl] .group-expand{margin-right:0;margin-left:2px;padding-right:5px;padding-left:0}revo-grid[dir=rtl] .rgCell,revo-grid[dir=rtl] .rgHeaderCell{padding-left:5px;padding-right:5px}revo-grid[dir=rtl] revogr-edit{direction:rtl}revo-grid[dir=rtl] .rgHeaderCell{direction:rtl}revo-grid[dir=rtl][theme=material] revogr-header,revo-grid[dir=rtl][theme=darkMaterial] revogr-header{text-align:right}revo-grid[dir=rtl][theme=material] revogr-data,revo-grid[dir=rtl][theme=darkMaterial] revogr-data{text-align:right}revo-grid[dir=rtl][theme=default] .rowHeaders,revo-grid[dir=rtl]:not([theme]) .rowHeaders{background-color:var(--revo-grid-header-bg)}revo-grid[dir=rtl][theme=default] .rowHeaders revogr-data .rgCell,revo-grid[dir=rtl]:not([theme]) .rowHeaders revogr-data .rgCell{color:var(--revo-grid-header-color)}revo-grid[dir=rtl][theme=default] .rowHeaders revogr-data .rgCell:first-child,revo-grid[dir=rtl]:not([theme]) .rowHeaders revogr-data .rgCell:first-child{box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[dir=rtl][theme=default] .rowHeaders revogr-data .rgCell:not(:first-child),revo-grid[dir=rtl]:not([theme]) .rowHeaders revogr-data .rgCell:not(:first-child){box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset, 1px 0 0 0 var(--revo-grid-header-border) inset}revo-grid[dir=rtl][theme=default] .rowHeaders revogr-data .rgCell:last-child,revo-grid[dir=rtl]:not([theme]) .rowHeaders revogr-data .rgCell:last-child{border-left:1px solid var(--revo-grid-header-border);border-right:none}revo-grid[dir=rtl][theme=default] .rowHeaders revogr-data revogr-header,revo-grid[dir=rtl]:not([theme]) .rowHeaders revogr-data revogr-header{box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid[dir=rtl][theme=default] revogr-header,revo-grid[dir=rtl]:not([theme]) revogr-header{text-align:right}revo-grid[dir=rtl][theme=default] revogr-data,revo-grid[dir=rtl]:not([theme]) revogr-data{text-align:right}revo-grid[dir=rtl][theme=compact] revogr-header,revo-grid[dir=rtl][theme=darkCompact] revogr-header{text-align:right}revo-grid[dir=rtl][theme=compact] revogr-data,revo-grid[dir=rtl][theme=darkCompact] revogr-data{text-align:right}.revo-drag-icon{width:11px;opacity:0.8}.revo-drag-icon::before{content:"::";display:inline-block}.revo-alt-icon{-webkit-mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}revo-grid{--revo-grid-primary:#266ae8;--revo-grid-primary-transparent:rgba(38, 106, 232, 0.9);--revo-grid-background:#fff;--revo-grid-foreground:black;--revo-grid-divider:gray;--revo-grid-shadow:rgba(0, 0, 0, 0.15);--revo-grid-text:black;--revo-grid-border:rgba(0, 0, 0, 0.2);--revo-grid-filter-panel-bg:#fff;--revo-grid-filter-panel-border:#d9d9d9;--revo-grid-filter-panel-shadow:rgba(0, 0, 0, 0.15);--revo-grid-filter-panel-input-bg:#eaeaeb;--revo-grid-filter-panel-divider:#d9d9d9;--revo-grid-filter-panel-select-border:transparent;--revo-grid-filter-panel-select-border-hover:transparent;--revo-grid-header-bg:#f8f9fa;--revo-grid-header-color:#000;--revo-grid-header-border:#cecece;--revo-grid-cell-border:#e2e3e3;--revo-grid-focused-bg:rgba(233, 234, 237, 0.5);--revo-grid-row-hover:#f1f1f1;--revo-grid-row-headers-bg:#f7faff;--revo-grid-row-headers-color:#757a82;--revo-grid-cell-disabled-bg:rgba(0, 0, 0, 0.07);direction:ltr !important;display:flex !important;height:100%;min-height:300px;font-family:Helvetica, Arial, Sans-Serif, serif;font-size:14px;position:relative;color:var(--revo-grid-text);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;width:100%;height:100%}revo-grid[theme*=dark]{--revo-grid-background:#212529;--revo-grid-foreground:#fff;--revo-grid-text:rgba(255, 255, 255, 0.9);--revo-grid-divider:#505050;--revo-grid-border:rgba(255, 255, 255, 0.2);--revo-grid-filter-panel-bg:#212529;--revo-grid-filter-panel-border:#505050;--revo-grid-filter-panel-input-bg:#343a40;--revo-grid-filter-panel-divider:#505050;--revo-grid-header-bg:#343a40;--revo-grid-header-color:#fff;--revo-grid-header-border:#505050;--revo-grid-cell-border:#424242;--revo-grid-focused-bg:rgba(52, 58, 64, 0.5);--revo-grid-row-hover:rgba(80, 80, 80, 0.5);--revo-grid-row-headers-bg:rgba(52, 58, 64, 0.8);--revo-grid-row-headers-color:rgba(255, 255, 255, 0.8);--revo-grid-cell-disabled-bg:rgba(255, 255, 255, 0.07)}revo-grid revogr-header .header-rgRow.group{box-shadow:0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid revogr-header .header-rgRow:not(.group){box-shadow:0 -1px 0 0 var(--revo-grid-header-border), 0 -1px 0 0 var(--revo-grid-header-border) inset}revo-grid revogr-header .rgHeaderCell.sortable:hover{background-color:var(--revo-grid-row-hover)}revo-grid revogr-header .rgHeaderCell.focused-cell{background:var(--revo-grid-focused-bg)}revo-grid .footer-wrapper revogr-data{box-shadow:0 -1px 0 var(--revo-grid-cell-border)}revo-grid revogr-viewport-scroll.colPinStart{box-shadow:-1px 0 0 var(--revo-grid-cell-border) inset}revo-grid revogr-viewport-scroll.colPinEnd{box-shadow:-1px 0 0 var(--revo-grid-cell-border)}revo-grid revogr-data .rgRow{box-shadow:0 -1px 0 0 var(--revo-grid-cell-border) inset}revo-grid revogr-data .rgRow.focused-rgRow{background-color:var(--revo-grid-focused-bg)}revo-grid revogr-data .rgCell{color:var(--revo-grid-text)}revo-grid revogr-data .rgCell.disabled{background-color:var(--revo-grid-cell-disabled-bg)}revo-grid .attribution{position:absolute;bottom:0;left:0;right:0;z-index:1000;width:0;height:0;border-left:4px solid var(--revo-grid-primary-transparent);border-bottom:4px solid var(--revo-grid-primary-transparent);border-top:4px solid transparent;border-right:4px solid transparent;cursor:pointer}revo-grid .attribution .value{position:absolute;bottom:0;left:0;background-color:var(--revo-grid-background);padding:4px;border-radius:4px;box-shadow:0 1px 10px var(--revo-grid-border);white-space:nowrap;text-decoration:none;color:var(--revo-grid-text);letter-spacing:0.3px;font-size:11px;opacity:0;width:4px;overflow:hidden;transition:opacity 0.5s ease-in-out, width 0.3s ease-in-out}revo-grid .attribution:hover .value{width:63px;opacity:1}revo-grid.column-draggable.column-drag-start:hover,revo-grid.column-draggable.column-drag-start *:hover{cursor:grabbing}revo-grid .footer-wrapper,revo-grid .header-wrapper{width:100%}revo-grid .footer-wrapper revogr-data,revo-grid .header-wrapper revogr-data{z-index:3}revo-grid revo-dropdown{width:100%}revo-grid revo-dropdown .rv-dr-root{max-height:100%}revo-grid revo-dropdown.shrink label{opacity:0}revo-grid .viewports{max-width:100%;display:flex;flex-direction:row;align-items:flex-start;flex-grow:1}revo-grid .main-viewport{flex-grow:1;height:0;display:flex;justify-content:space-between;flex-direction:row}revo-grid .draggable{position:fixed;height:30px;line-height:30px;background:var(--revo-grid-background);border-radius:3px;display:block;z-index:100;margin-top:5px;margin-right:-20px;box-shadow:0 4px 20px 0 var(--revo-grid-shadow);padding-left:20px;padding-right:5px}revo-grid .draggable.hidden{display:none}revo-grid .draggable .revo-alt-icon{background-color:var(--revo-grid-foreground);position:absolute;left:5px;top:10px}revo-grid .draggable-wrapper.hidden{display:none}revo-grid .drag-position{position:absolute;left:0;right:0;height:1px;z-index:2;background:var(--revo-grid-divider);pointer-events:none}revo-grid .drag-position-y{position:absolute;top:0;left:0;bottom:0;width:1px;z-index:2;background:var(--revo-grid-divider);pointer-events:none}revo-grid .drag-auto-scroll-y{pointer-events:none;position:absolute;left:0;top:0;height:50px;width:1px}revo-grid .clipboard{position:absolute;left:0;top:0}revo-grid revogr-scroll-virtual{position:relative}revo-grid revogr-scroll-virtual.vertical,revo-grid revogr-scroll-virtual.horizontal{z-index:3}`, De = class {
+  constructor(o) {
+    V(this, o), this.contentsizechanged = g(this, "contentsizechanged", 7), this.beforeedit = g(this, "beforeedit", 7), this.beforerangeedit = g(this, "beforerangeedit", 7), this.afteredit = g(this, "afteredit", 7), this.beforeautofill = g(this, "beforeautofill", 7), this.beforerange = g(this, "beforerange", 7), this.afterfocus = g(this, "afterfocus", 7), this.roworderchanged = g(this, "roworderchanged", 7), this.beforesorting = g(this, "beforesorting", 7), this.beforesourcesortingapply = g(this, "beforesourcesortingapply", 7), this.beforesortingapply = g(this, "beforesortingapply", 7), this.aftersortingapply = g(this, "aftersortingapply", 7), this.rowdragstart = g(this, "rowdragstart", 7), this.headerclick = g(this, "headerclick", 7), this.beforecellfocus = g(this, "beforecellfocus", 7), this.beforefocuslost = g(this, "beforefocuslost", 7), this.beforesourceset = g(this, "beforesourceset", 7), this.beforeanysource = g(this, "beforeanysource", 7), this.aftersourceset = g(this, "aftersourceset", 7), this.afteranysource = g(this, "afteranysource", 7), this.beforecolumnsgather = g(this, "beforecolumnsgather", 7), this.beforecolumnsset = g(this, "beforecolumnsset", 7), this.beforecolumnapplied = g(this, "beforecolumnapplied", 7), this.aftercolumnsset = g(this, "aftercolumnsset", 7), this.beforefilterapply = g(this, "beforefilterapply", 7), this.beforefiltertrimmed = g(this, "beforefiltertrimmed", 7), this.beforetrimmed = g(this, "beforetrimmed", 7), this.aftertrimmed = g(this, "aftertrimmed", 7), this.viewportscroll = g(this, "viewportscroll", 7), this.beforeexport = g(this, "beforeexport", 7), this.beforeeditstart = g(this, "beforeeditstart", 7), this.aftercolumnresize = g(this, "aftercolumnresize", 7), this.beforerowdefinition = g(this, "beforerowdefinition", 7), this.filterconfigchanged = g(this, "filterconfigchanged", 7), this.sortingconfigchanged = g(this, "sortingconfigchanged", 7), this.rowheaderschanged = g(this, "rowheaderschanged", 7), this.beforegridrender = g(this, "beforegridrender", 7), this.aftergridrender = g(this, "aftergridrender", 7), this.aftergridinit = g(this, "aftergridinit", 7), this.additionaldatachanged = g(this, "additionaldatachanged", 7), this.afterthemechanged = g(this, "afterthemechanged", 7), this.created = g(this, "created", 7), this.frameSize = 1, this.rowSize = 0, this.colSize = 100, this.range = !1, this.readonly = !1, this.resize = !1, this.noHorizontalScrollTransfer = !1, this.canFocus = !0, this.useClipboard = !0, this.columns = [], this.source = [], this.pinnedTopSource = [], this.pinnedBottomSource = [], this.rowDefinitions = [], this.editors = {}, this.applyOnClose = !1, this.plugins = [], this.columnTypes = {}, this.theme = "default", this.rowClass = "", this.autoSizeColumn = !1, this.filter = !1, this.canMoveColumns = !1, this.trimmedRows = {}, this.exporting = !1, this.stretch = !1, this.additionalData = {}, this.disableVirtualX = !1, this.virtualX = ["rgCol"], this.disableVirtualY = !1, this.hideAttribution = !1, this.jobsBeforeRender = [], this.registerVNode = [], this.accessible = !0, this.rtl = !1, this.canDrag = !0, this.extraElements = [], this.pluginService = new ze(), this.viewport = null, this.isInited = !1;
+  }
+  // #endregion
+  // #region Methods
+  /**
+   * Refreshes data viewport.
+   * Can be specific part as rgRow or pinned rgRow or 'all' by default.
+   */
+  async refresh(o = "all") {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    this.dataProvider.refresh(o);
+  }
+  /**
+   * Refreshes data at specified cell.
+   * Useful for performance optimization.
+   * No viewport update will be triggered.
+   *
+   * @example
+   * const grid = document.querySelector('revo-grid');
+   * grid.setDataAt({ row: 0, col: 0, val: 'test' }); // refresh
+   */
+  async setDataAt({ row: o, col: e, colType: r = "rgCol", rowType: t = "rgRow", val: i, skipDataUpdate: s = !1 }) {
+    var n;
+    if (this.dataProvider && this.columnProvider && !s) {
+      const a = (n = this.columnProvider.getColumn(e, r)) === null || n === void 0 ? void 0 : n.prop;
+      typeof a < "u" && this.dataProvider.setCellData({
+        type: t,
+        rowIndex: o,
+        prop: a,
+        val: i
+      }, !1);
+    }
+    const d = this.element.querySelector(`revogr-data[type="${t}"][col-type="${r}"]`);
+    return d == null ? void 0 : d.updateCell({
+      row: o,
+      col: e
+    });
+  }
+  /**
+   * Scrolls viewport to specified row by index.
+   */
+  async scrollToRow(o = 0) {
+    if (!this.dimensionProvider)
+      throw new Error("Not connected");
+    const e = this.dimensionProvider.getViewPortPos({
+      coordinate: o,
+      dimension: "rgRow"
+    });
+    await this.scrollToCoordinate({ y: e });
+  }
+  /**
+   * Scrolls viewport to specified column by index.
+   */
+  async scrollToColumnIndex(o = 0) {
+    if (!this.dimensionProvider)
+      throw new Error("Not connected");
+    const e = this.dimensionProvider.getViewPortPos({
+      coordinate: o,
+      dimension: "rgCol"
+    });
+    await this.scrollToCoordinate({ x: e });
+  }
+  /**
+   * Scrolls viewport to specified column by prop
+   */
+  async scrollToColumnProp(o, e = "rgCol") {
+    if (!this.dimensionProvider || !this.columnProvider)
+      throw new Error("Not connected");
+    const r = this.columnProvider.getColumnIndexByProp(o, e);
+    if (r < 0)
+      return;
+    const t = this.dimensionProvider.getViewPortPos({
+      coordinate: r,
+      dimension: e
+    });
+    await this.scrollToCoordinate({ x: t });
+  }
+  /** Update columns */
+  async updateColumns(o) {
+    var e;
+    (e = this.columnProvider) === null || e === void 0 || e.updateColumns(o);
+  }
+  /** Add trimmed by type */
+  async addTrimmed(o, e = "external", r = "rgRow") {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    const t = this.beforetrimmed.emit({
+      trimmed: o,
+      trimmedType: e,
+      type: r
+    });
+    return t.defaultPrevented || (this.dataProvider.setTrimmed({ [e]: t.detail.trimmed }, r), this.aftertrimmed.emit()), t;
+  }
+  /**  Scrolls view port to coordinate */
+  async scrollToCoordinate(o) {
+    var e;
+    (e = this.viewport) === null || e === void 0 || e.scrollToCell(o);
+  }
+  /**  Open editor for cell. */
+  async setCellEdit(o, e, r = "rgRow") {
+    var t;
+    const i = z(this.columns, e);
+    if (!i)
+      return;
+    await E();
+    const s = i.pin || "rgCol";
+    if (!this.columnProvider)
+      throw new Error("Not connected");
+    (t = this.viewport) === null || t === void 0 || t.setEdit(o, this.columnProvider.getColumnIndexByProp(e, s), s, r);
+  }
+  /**  Set focus range. */
+  async setCellsFocus(o = { x: 0, y: 0 }, e = { x: 0, y: 0 }, r = "rgCol", t = "rgRow") {
+    var i;
+    (i = this.viewport) === null || i === void 0 || i.setFocus(r, t, o, e);
+  }
+  /**  Get data from source */
+  async getSource(o = "rgRow") {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    return this.dataProvider.stores[o].store.get("source");
+  }
+  /**
+   * Get data from visible part of source
+   * Trimmed/filtered rows will be excluded
+   * @param type - type of source
+   */
+  async getVisibleSource(o = "rgRow") {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    return T(this.dataProvider.stores[o].store);
+  }
+  /**
+   * Provides access to rows internal store observer
+   * Can be used for plugin support
+   * @param type - type of source
+   */
+  async getSourceStore(o = "rgRow") {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    return this.dataProvider.stores[o].store;
+  }
+  /**
+   * Provides access to column internal store observer
+   * Can be used for plugin support
+   * @param type - type of column
+   */
+  async getColumnStore(o = "rgCol") {
+    if (!this.columnProvider)
+      throw new Error("Not connected");
+    return this.columnProvider.stores[o].store;
+  }
+  /**
+   * Update column sorting
+   * @param column - column prop and cellCompare
+   * @param order - order to apply
+   * @param additive - if false will replace current order
+   *
+   * later passed to SortingPlugin
+   */
+  async updateColumnSorting(o, e, r) {
+    this.sortingconfigchanged.emit({
+      columns: [{
+        prop: o.prop,
+        order: e,
+        cellCompare: o.cellCompare
+      }],
+      additive: r
+    });
+  }
+  /**
+   * Clears column sorting
+   */
+  async clearSorting() {
+    this.sortingconfigchanged.emit({
+      columns: []
+    });
+  }
+  /**
+   * Receive all columns in data source
+   */
+  async getColumns() {
+    if (!this.columnProvider)
+      throw new Error("Not connected");
+    return this.columnProvider.getColumns();
+  }
+  /**
+   * Clear current grid focus. Grid has no longer focus on it.
+   */
+  async clearFocus() {
+    var o, e;
+    const r = (o = this.viewport) === null || o === void 0 ? void 0 : o.getFocused();
+    this.beforefocuslost.emit(r).defaultPrevented || (e = this.selectionStoreConnector) === null || e === void 0 || e.clearAll();
+  }
+  /**
+   * Get all active plugins instances
+   */
+  async getPlugins() {
+    return this.pluginService.get();
+  }
+  /**
+   * Get the currently focused cell.
+   */
+  async getFocused() {
+    var o, e;
+    return (e = (o = this.viewport) === null || o === void 0 ? void 0 : o.getFocused()) !== null && e !== void 0 ? e : null;
+  }
+  /**
+   * Get size of content
+   * Including all pinned data
+   */
+  async getContentSize() {
+    var o;
+    if (!this.dimensionProvider)
+      throw new Error("Not connected");
+    return (o = this.dimensionProvider) === null || o === void 0 ? void 0 : o.getFullSize();
+  }
+  /**
+   * Get the currently selected Range.
+   */
+  async getSelectedRange() {
+    var o, e;
+    return (e = (o = this.viewport) === null || o === void 0 ? void 0 : o.getSelectedRange()) !== null && e !== void 0 ? e : null;
+  }
+  /**
+   * Refresh extra elements. Triggers re-rendering of extra elements and functions.
+   * Part of extraElements and registerVNode methods.
+   * Useful for plugins.
+   */
+  async refreshExtraElements() {
+    var o;
+    (o = this.extraService) === null || o === void 0 || o.refresh();
+  }
+  /**
+   * Get all providers for grid
+   * Useful for external grid integration
+   */
+  async getProviders() {
+    return this.getPluginData();
+  }
+  mousedownHandle(o) {
+    const e = x(o, "screenX"), r = x(o, "screenY");
+    e === null || r === null || (this.clickTrackForFocusClear = e + r);
+  }
+  /**
+   * To keep your elements from losing focus use mouseup/touchend e.preventDefault();
+   */
+  async mouseupHandle(o) {
+    var e;
+    const r = x(o, "screenX"), t = x(o, "screenY");
+    if (r === null || t === null || o.defaultPrevented)
+      return;
+    const i = r + t;
+    if (Math.abs(((e = this.clickTrackForFocusClear) !== null && e !== void 0 ? e : 0) - i) > 10)
+      return;
+    const s = o.composedPath();
+    !s.includes(this.element) && !(this.element.shadowRoot && s.includes(this.element.shadowRoot)) && await this.clearFocus();
+  }
+  // #endregion
+  // #region Listeners
+  /** Drag events */
+  onRowDragStarted(o) {
+    var e;
+    const r = this.rowdragstart.emit(o.detail);
+    if (r.defaultPrevented) {
+      o.preventDefault();
+      return;
+    }
+    (e = this.orderService) === null || e === void 0 || e.start(this.element, Object.assign(Object.assign({}, o.detail), r.detail));
+  }
+  onRowDragEnd() {
+    var o;
+    (o = this.orderService) === null || o === void 0 || o.end();
+  }
+  onRowOrderChange(o) {
+    var e;
+    (e = this.dataProvider) === null || e === void 0 || e.changeOrder(o.detail);
+  }
+  onRowDrag({ detail: o }) {
+    var e;
+    (e = this.orderService) === null || e === void 0 || e.move(o);
+  }
+  onRowMouseMove(o) {
+    var e;
+    (e = this.orderService) === null || e === void 0 || e.moveTip(o.detail);
+  }
+  async onCellEdit(o) {
+    var e;
+    const { defaultPrevented: r, detail: t } = this.beforeedit.emit(o.detail);
+    await E(), r || ((e = this.dataProvider) === null || e === void 0 || e.setCellData(t), this.afteredit.emit(t));
+  }
+  onRangeEdit(o) {
+    if (!this.dataProvider)
+      throw new Error("Not connected");
+    const { defaultPrevented: e, detail: r } = this.beforerangeedit.emit(o.detail);
+    if (e) {
+      o.preventDefault();
+      return;
+    }
+    this.dataProvider.setRangeData(r.data, r.type), this.afteredit.emit(r);
+  }
+  onRangeChanged(o) {
+    const e = this.beforerange.emit(o.detail);
+    e.defaultPrevented && o.preventDefault(), this.beforeautofill.emit(e.detail).defaultPrevented && o.preventDefault();
+  }
+  onRowDropped(o) {
+    const { defaultPrevented: e } = this.roworderchanged.emit(o.detail);
+    e && o.preventDefault();
+  }
+  onHeaderClick(o) {
+    const { defaultPrevented: e } = this.headerclick.emit(Object.assign(Object.assign({}, o.detail.column), { originalEvent: o.detail.originalEvent }));
+    e && o.preventDefault();
+  }
+  onCellFocus(o) {
+    const { defaultPrevented: e } = this.beforecellfocus.emit(o.detail);
+    (!this.canFocus || e) && o.preventDefault();
+  }
+  // #endregion
+  // #region Watchers
+  columnTypesChanged() {
+    this.columnChanged(this.columns);
+  }
+  columnChanged(o = [], e = void 0, r = "columns", t = !1) {
+    if (!this.dimensionProvider || !this.columnProvider)
+      return;
+    const i = t ? void 0 : this.getColumnFocusRestore(), s = this.beforecolumnsgather.emit({
+      columns: [...o]
+    });
+    if (s.defaultPrevented)
+      return;
+    const n = F(s.detail.columns, 0, this.columnTypes), d = this.beforecolumnsset.emit(n);
+    if (d.defaultPrevented)
+      return;
+    this.dimensionProvider.applyNewColumns(d.detail.columns, this.disableVirtualX, t, this.virtualX);
+    const a = this.beforecolumnapplied.emit(n);
+    if (a.defaultPrevented)
+      return;
+    const c = this.columnProvider.setColumns(a.detail);
+    i && (this.pendingColumnFocusRestore = i);
+    const l = {};
+    for (const u of Object.keys(a.detail.sort))
+      l[u] = a.detail.sort[u].order;
+    this.aftercolumnsset.emit({
+      columns: c,
+      order: l
+    });
+  }
+  /**
+   * Capture logical focus before columns are repartitioned by pin state.
+   * Regression case: selecting a regular cell, then pinning that column left,
+   * used to let the new pinned viewport reuse the old rgCol selection store.
+   */
+  getColumnFocusRestore() {
+    var o, e, r, t;
+    const i = (o = this.viewport) === null || o === void 0 ? void 0 : o.getFocused(), s = (r = (e = this.selectionStoreConnector) === null || e === void 0 ? void 0 : e.focusedStore) === null || r === void 0 ? void 0 : r.position.x, n = (t = i == null ? void 0 : i.column) === null || t === void 0 ? void 0 : t.prop;
+    if (!(!i || n === void 0 || s === void 0))
+      return {
+        prop: n,
+        colType: i.colType,
+        colIndex: i.cell.x,
+        prevStoreX: s,
+        rowType: i.rowType,
+        rowIndex: i.cell.y
+      };
+  }
+  /**
+   * Reapply focus by column prop after render, once pinning has moved the
+   * column to its new viewport and virtual index.
+   */
+  restoreColumnFocusAfterRender() {
+    var o, e, r, t;
+    const i = this.pendingColumnFocusRestore;
+    if (!i || (this.pendingColumnFocusRestore = void 0, !this.viewport || !this.columnProvider))
+      return;
+    const s = (e = (o = this.columnProvider.getColumnByProp(i.prop)) === null || o === void 0 ? void 0 : o[0]) !== null && e !== void 0 ? e : z(this.columns, i.prop);
+    if (!s)
+      return;
+    const n = s.pin || "rgCol", d = this.columnProvider.getColumnIndexByProp(i.prop, n);
+    if (d < 0 || n === i.colType && d === i.colIndex && i.prevStoreX === ((t = (r = this.selectionStoreConnector) === null || r === void 0 ? void 0 : r.focusedStore) === null || t === void 0 ? void 0 : t.position.x))
+      return;
+    const a = {
+      x: d,
+      y: i.rowIndex
+    };
+    this.viewport.setFocus(n, i.rowType, a, a);
+  }
+  refreshColumnsOnConfigChange(o, e) {
+    o !== e && this.columnChanged(this.columns);
+  }
+  disableVirtualXChanged(o = !1, e = !1) {
+    this.refreshColumnsOnConfigChange(o, e);
+  }
+  virtualXChanged(o = ["rgCol"], e = ["rgCol"]) {
+    this.refreshColumnsOnConfigChange(o, e);
+  }
+  rowSizeChanged(o) {
+    this.dimensionProvider && (this.dimensionProvider.setSettings({ originItemSize: o }, "rgRow"), this.rowDefChanged(this.rowDefinitions, this.rowDefinitions, "rowSize", !0));
+  }
+  themeChanged(o, e, r = "theme", t = !1) {
+    this.dimensionProvider && (this.themeService.register(o), this.dimensionProvider.setSettings({ originItemSize: this.themeService.rowSize }, "rgRow"), this.dimensionProvider.setSettings({ originItemSize: this.colSize }, "rgCol"), t || (this.dimensionProvider.setSettings({ originItemSize: this.themeService.rowSize }, "rgRow"), this.rowDefChanged(
+      // for cases when some custom size present and not
+      this.rowDefinitions,
+      this.rowDefinitions,
+      "theme",
+      !0
+    )), this.afterthemechanged.emit(o));
+  }
+  dataSourceChanged(o = [], e, r) {
+    if (!this.dataProvider)
+      return;
+    let t = "rgRow";
+    switch (r) {
+      case "pinnedBottomSource":
+        t = "rowPinEnd";
+        break;
+      case "pinnedTopSource":
+        t = "rowPinStart";
+        break;
+      case "source":
+        t = "rgRow", o = this.beforesourceset.emit({
+          type: t,
+          source: o
+        }).detail.source;
+        break;
+    }
+    const s = [...this.beforeanysource.emit({
+      type: t,
+      source: o
+    }).detail.source];
+    this.dataProvider.setData(s, t, this.disableVirtualY), r === "source" && this.aftersourceset.emit({
+      type: t,
+      source: o
+    }), this.afteranysource.emit({
+      type: t,
+      source: o
+    });
+  }
+  disableVirtualYChanged(o = !1, e = !1) {
+    o !== e && this.dataSourceChanged(this.source, this.source, "source");
+  }
+  rowDefChanged(o, e, r, t = !0) {
+    if (!this.dimensionProvider || !this.dataProvider)
+      return;
+    const { detail: { vals: i, oldVals: s } } = this.beforerowdefinition.emit({
+      vals: o,
+      oldVals: e
+    }), n = ye(i);
+    if (s) {
+      const d = Pe(s);
+      for (const a in d)
+        if (d.hasOwnProperty(a)) {
+          const c = a, u = this.dataProvider.stores[c].store.get("source").length;
+          this.dimensionProvider.clearSize(c, u);
+        }
+    }
+    S.forEach((d) => {
+      var a;
+      const c = n[d];
+      (c || t) && ((a = this.dimensionProvider) === null || a === void 0 || a.setCustomSizes(d, (c == null ? void 0 : c.sizes) || {}));
+    });
+  }
+  trimmedRowsChanged(o = {}) {
+    this.addTrimmed(o);
+  }
+  /**
+   * Grouping
+   */
+  groupingChanged(o = {}) {
+    var e;
+    (e = this.pluginService.getByClass(L)) === null || e === void 0 || e.setGrouping(o || {});
+  }
+  /**
+   * Stretch Plugin Apply
+   */
+  applyStretch(o) {
+    if (!this.dimensionProvider || !this.dataProvider || !this.columnProvider || !this.viewportProvider)
+      return;
+    o === "false" && (o = !1);
+    const e = this.getPluginData();
+    if (!e)
+      return;
+    const r = this.pluginService.getByClass(D);
+    typeof o == "boolean" && o || o === "true" ? r ? A(r) && r.applyStretch(this.columnProvider.getRawColumns()) : this.pluginService.add(new D(this.element, e)) : r && this.pluginService.remove(r);
+  }
+  applyFilter(o) {
+    this.filterconfigchanged.emit(o);
+  }
+  applySorting(o) {
+    this.sortingconfigchanged.emit(o);
+  }
+  rowHeadersChange(o) {
+    this.rowheaderschanged.emit(o);
+  }
+  /**
+   * Register external VNodes
+   */
+  registerOutsideVNodes(o = []) {
+    this.extraElements = o;
+  }
+  additionalDataChanged(o) {
+    this.additionaldatachanged.emit(o);
+  }
+  /**
+   * Watch for RTL changes and reapply column ordering
+   */
+  rtlChanged() {
+    this.columnChanged(this.columns);
+  }
+  /**
+   * User can add plugins via plugins property
+   */
+  pluginsChanged(o = [], e) {
+    this.pluginService.addUserPluginsAndCreate(this.element, o, e, this.getPluginData());
+  }
+  // #endregion
+  // #region Plugins
+  setPlugins() {
+    this.removePlugins();
+    const o = this.getPluginData();
+    o && (this.setCorePlugins(o), this.pluginsChanged(this.plugins));
+  }
+  setCorePlugins(o) {
+    this.accessible && this.pluginService.add(new Re(this.element, o)), this.pluginService.add(new Ee(this.element, o)), this.autoSizeColumn && this.pluginService.add(new N(this.element, o, typeof this.autoSizeColumn == "object" ? this.autoSizeColumn : void 0)), this.filter && this.pluginService.add(new X(this.element, o, typeof this.filter == "object" ? this.filter : void 0)), this.exporting && this.pluginService.add(new M(this.element, o)), this.pluginService.add(new $(this.element, o)), this.pluginService.add(new L(this.element, o)), this.canMoveColumns && this.pluginService.add(new Y(this.element, o));
+  }
+  getPluginData() {
+    return !this.dimensionProvider || !this.dataProvider || !this.columnProvider || !this.viewportProvider || !this.selectionStoreConnector ? void 0 : {
+      data: this.dataProvider,
+      column: this.columnProvider,
+      dimension: this.dimensionProvider,
+      viewport: this.viewportProvider,
+      selection: this.selectionStoreConnector,
+      plugins: this.pluginService
+    };
+  }
+  removePlugins() {
+    this.pluginService.destroy();
+  }
+  // #endregion
+  // if reconnect to dom we need to set up plugins
+  connectedCallback() {
+    this.isInited && this.setPlugins(), this.created.emit();
+  }
+  /**
+   * Called once just after the component is first connected to the DOM.
+   * Since this method is only called once, it's a good place to load data asynchronously and to setup the state
+   * without triggering extra re-renders.
+   * A promise can be returned, that can be used to wait for the first render().
+   */
+  componentWillLoad() {
+    var o;
+    this.viewportProvider = new pe(), this.themeService = new U({
+      rowSize: this.rowSize
+    }), this.dimensionProvider = new ue(this.viewportProvider, {
+      realSizeChanged: (e) => this.contentsizechanged.emit(e)
+    }), this.columnProvider = new he(), this.selectionStoreConnector = new be(), this.dataProvider = new ve(this.dimensionProvider), this.registerOutsideVNodes(this.registerVNode), this.setPlugins(), this.applyStretch(this.stretch), this.themeChanged(this.theme, void 0, void 0, !0), this.columnChanged(this.columns, void 0, void 0, !0), this.dataSourceChanged(this.source, void 0, "source"), this.dataSourceChanged(this.pinnedTopSource, void 0, "pinnedTopSource"), this.dataSourceChanged(this.pinnedBottomSource, void 0, "pinnedBottomSource"), Object.keys((o = this.trimmedRows) !== null && o !== void 0 ? o : {}).length > 0 && this.trimmedRowsChanged(this.trimmedRows), this.rowDefChanged(this.rowDefinitions, void 0, void 0, !1), this.grouping && Object.keys(this.grouping).length > 0 && this.groupingChanged(this.grouping), this.scrollingService = new Ce((e) => {
+      var r;
+      (r = this.dimensionProvider) === null || r === void 0 || r.setViewPortCoordinate({
+        coordinate: e.coordinate,
+        type: e.dimension
+      }), this.viewportscroll.emit(e);
+    }), this.aftergridinit.emit(), this.isInited = !0;
+  }
+  componentWillRender() {
+    return this.beforegridrender.emit().defaultPrevented ? !1 : Promise.all(this.jobsBeforeRender);
+  }
+  componentDidRender() {
+    this.restoreColumnFocusAfterRender(), this.aftergridrender.emit();
+  }
+  render() {
+    if (!this.dimensionProvider || !this.dataProvider || !this.columnProvider || !this.viewportProvider || !this.selectionStoreConnector)
+      return;
+    const o = this.dimensionProvider.stores.rgRow.store.get("realSize");
+    this.viewport = new we({
+      columnProvider: this.columnProvider,
+      dataProvider: this.dataProvider,
+      dimensionProvider: this.dimensionProvider,
+      viewportProvider: this.viewportProvider,
+      scrollingService: this.scrollingService,
+      orderService: this.orderService,
+      selectionStoreConnector: this.selectionStoreConnector,
+      noHorizontalScrollTransfer: this.noHorizontalScrollTransfer,
+      disableVirtualX: this.disableVirtualX,
+      virtualX: this.virtualX,
+      disableVirtualY: this.disableVirtualY,
+      resize: (l) => this.aftercolumnresize.emit(l)
+    }, o);
+    const e = [];
+    if (this.rowHeaders && this.viewport.columns.length) {
+      const l = this.viewport.columns[0];
+      e.push(v("revogr-row-headers", { additionalData: this.additionalData, height: o, rowClass: this.rowClass, resize: this.resize, dataPorts: l.dataPorts, headerProp: l.headerProp, jobsBeforeRender: this.jobsBeforeRender, rowHeaderColumn: typeof this.rowHeaders == "object" ? this.rowHeaders : void 0, onScrollview: ({ detail: u }) => this.scrollingService.proxyScroll(u, "headerRow"), onRef: ({ detail: u }) => this.scrollingService.registerElement(u, "headerRow") }));
+    }
+    const r = Te(), t = [];
+    for (let l of this.viewport.columns) {
+      const u = Object.assign(Object.assign({}, l.headerProp), { type: l.type, additionalData: this.additionalData, viewportCol: l.viewportCol, selectionStore: l.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter }), f = [
+        v("revogr-header", Object.assign({}, u, { slot: k }))
+      ];
+      l.dataPorts.forEach((h) => {
+        const C = `${h.type}_${l.type}`, b = v("revogr-overlay-selection", Object.assign({}, h, { canDrag: this.canDrag && h.canDrag, isMobileDevice: r, onSelectall: () => {
+          var p;
+          return (p = this.selectionStoreConnector) === null || p === void 0 ? void 0 : p.selectAll();
+        }, editors: this.editors, readonly: this.readonly, range: this.range, useClipboard: this.useClipboard, applyChangesOnClose: this.applyOnClose, additionalData: this.additionalData, slot: h.slot, onBeforenextvpfocus: (p) => {
+          var m;
+          return (m = this.selectionStoreConnector) === null || m === void 0 ? void 0 : m.beforeNextFocusCell(p.detail);
+        }, onCanceledit: () => {
+          var p;
+          return (p = this.selectionStoreConnector) === null || p === void 0 ? void 0 : p.setEdit(!1);
+        }, onSetedit: ({ detail: p }) => {
+          var m;
+          this.beforeeditstart.emit(p).defaultPrevented || (m = this.selectionStoreConnector) === null || m === void 0 || m.setEdit(p.val);
+        } }), v("revogr-data", Object.assign({}, h, { colType: l.type, key: C, readonly: this.readonly, range: this.range, rowClass: this.rowClass, rowSelectionStore: h.rowSelectionStore, additionalData: this.additionalData, jobsBeforeRender: this.jobsBeforeRender, slot: le }), v("slot", { name: `data-${l.type}-${h.type}` })), v("revogr-temp-range", { selectionStore: h.selectionStore, dimensionRow: h.dimensionRow, dimensionCol: h.dimensionCol }), v("revogr-focus", { colData: h.colData, dataStore: h.dataStore, focusTemplate: this.focusTemplate, rowType: h.type, colType: l.type, selectionStore: h.selectionStore, dimensionRow: h.dimensionRow, dimensionCol: h.dimensionCol }, v("slot", { name: `focus-${l.type}-${h.type}` })));
+        f.push(b);
+      }), t.push(v("revogr-viewport-scroll", Object.assign({}, l.prop, { ref: (h) => this.scrollingService.registerElement(h, `${l.prop.key}`), onScrollviewport: (h) => {
+        this.scrollingService.proxyScroll(h.detail, `${l.prop.key}`, this.noHorizontalScrollTransfer && h.detail.dimension === "rgCol");
+      }, onScrollviewportsilent: (h) => this.scrollingService.scrollSilentService(h.detail, `${l.prop.key}`) }), f));
+    }
+    e.push(t);
+    const i = "rgRow", s = "rgCol", n = this.viewportProvider.stores, d = this.dimensionProvider.stores, a = v("revogr-scroll-virtual", { class: "vertical", dimension: i, clientSize: n[i].store.get("clientSize"), virtualSize: n[i].store.get("virtualSize"), realSize: d[i].store.get("realSize"), ref: (l) => this.scrollingService.registerElement(l, "rowScroll"), onScrollvirtual: (l) => this.scrollingService.proxyScroll(l.detail) }), c = v("revogr-scroll-virtual", { class: "horizontal", dimension: s, clientSize: n[s].store.get("clientSize"), virtualSize: n[s].store.get("virtualSize"), realSize: d[s].store.get("realSize"), ref: (l) => this.scrollingService.registerElement(l, "colScroll"), onScrollvirtual: (l) => this.scrollingService.proxyScroll(l.detail) });
+    return v(G, { dir: this.rtl ? "rtl" : "ltr" }, this.hideAttribution ? null : v("revogr-attribution", { class: "attribution" }), v("slot", { name: "header" }), v("div", { class: "main-viewport", onClick: (l) => {
+      var u;
+      l.currentTarget === l.target && ((u = this.viewport) === null || u === void 0 || u.clearEdit());
+    } }, v("div", { class: "viewports" }, v("slot", { name: "viewport" }), e, a, v(xe, { ref: (l) => this.orderService = l }))), c, v("revogr-extra", { ref: (l) => this.extraService = l, nodes: this.extraElements }), v("slot", { name: "footer" }));
+  }
+  disconnectedCallback() {
+    this.removePlugins();
+  }
+  get element() {
+    return W(this);
+  }
+  static get watchers() {
+    return {
+      columnTypes: [{
+        columnTypesChanged: 0
+      }],
+      columns: [{
+        columnChanged: 0
+      }],
+      disableVirtualX: [{
+        disableVirtualXChanged: 0
+      }],
+      virtualX: [{
+        virtualXChanged: 0
+      }],
+      rowSize: [{
+        rowSizeChanged: 0
+      }],
+      theme: [{
+        themeChanged: 0
+      }],
+      source: [{
+        dataSourceChanged: 0
+      }],
+      pinnedBottomSource: [{
+        dataSourceChanged: 0
+      }],
+      pinnedTopSource: [{
+        dataSourceChanged: 0
+      }],
+      disableVirtualY: [{
+        disableVirtualYChanged: 0
+      }],
+      rowDefinitions: [{
+        rowDefChanged: 0
+      }],
+      trimmedRows: [{
+        trimmedRowsChanged: 0
+      }],
+      grouping: [{
+        groupingChanged: 0
+      }],
+      stretch: [{
+        applyStretch: 0
+      }],
+      filter: [{
+        applyFilter: 0
+      }],
+      sorting: [{
+        applySorting: 0
+      }],
+      rowHeaders: [{
+        rowHeadersChange: 0
+      }],
+      registerVNode: [{
+        registerOutsideVNodes: 0
+      }],
+      additionalData: [{
+        additionalDataChanged: 0
+      }],
+      rtl: [{
+        rtlChanged: 0
+      }],
+      plugins: [{
+        pluginsChanged: 0
+      }]
+    };
+  }
+};
+De.style = Le();
+export {
+  De as revo_grid
+};