slickgrid-vue 9.7.0 → 9.9.0

package/dist/index.js

@@ -1,16 +1,16 @@
 import { EventPubSubService as ze } from "@slickgrid-universal/event-pub-sub";
 import { EventPubSubService as Pn } from "@slickgrid-universal/event-pub-sub";
-import { unsubscribeAll as It, createDomElement as He, SlickRowSelectionModel as xt, SlickEventData as kt, DelimiterType as Pt, EventNamingStyle as we, Filters as Tt, SlickgridConfig as Ft, SlickEventHandler as Vt, BackendUtilityService as _t, GridEventService as Mt, SharedService as Bt, CollectionService as Gt, ExtensionUtility as zt, FilterFactory as Ht, FilterService as Lt, ResizerService as Nt, SortService as Wt, TreeDataService as Le, PaginationService as Kt, ExtensionService as Ut, GridService as Ne, GridStateService as We, HeaderGroupingService as Ke, SlickGroupItemMetadataProvider as $t, SlickDataView as qt, autoAddEditorFormatterToColumnsWithEditor as Ue, SlickGrid as jt, emptyElement as Yt, collectionObserver as Jt, ExtensionName as $e, isColumnDateType as Xt } from "@slickgrid-universal/common";
+import { unsubscribeAll as xt, createDomElement as He, SlickRowSelectionModel as kt, emptyElement as tt, SlickEventData as Pt, DelimiterType as Tt, EventNamingStyle as ve, Filters as Ft, SlickgridConfig as Vt, SlickEventHandler as _t, BackendUtilityService as Mt, GridEventService as Bt, SharedService as Gt, CollectionService as zt, ExtensionUtility as Ht, FilterFactory as Lt, FilterService as Nt, ResizerService as Wt, SortService as Kt, TreeDataService as Le, PaginationService as Ut, ExtensionService as $t, GridService as Ne, GridStateService as We, HeaderGroupingService as Ke, SlickGroupItemMetadataProvider as qt, SlickDataView as jt, autoAddEditorFormatterToColumnsWithEditor as Ue, SlickGrid as Yt, collectionObserver as Jt, ExtensionName as $e, isColumnDateType as Xt } from "@slickgrid-universal/common";
 export * from "@slickgrid-universal/common";
 import { Aggregators as Vn, Enums as _n, Formatters as Mn, GroupTotalFormatters as Bn, SortComparers as Gn, Utilities as zn } from "@slickgrid-universal/common";
-import { createApp as Se, defineComponent as Qt, mergeModels as Zt, useAttrs as en, ref as L, computed as qe, useModel as oe, watch as le, onBeforeUnmount as tn, onMounted as nn, inject as on, nextTick as an, createElementBlock as rn, openBlock as sn, renderSlot as je, createElementVNode as ln } from "vue";
+import { createApp as we, defineComponent as Qt, mergeModels as Zt, useAttrs as en, ref as L, computed as qe, useModel as ie, watch as se, onBeforeUnmount as tn, onMounted as nn, inject as on, nextTick as an, createElementBlock as rn, openBlock as sn, renderSlot as je, createElementVNode as ln } from "vue";
 import { SlickFooterComponent as dn } from "@slickgrid-universal/custom-footer-component";
 import { SlickEmptyWarningComponent as Ye } from "@slickgrid-universal/empty-warning-component";
 import { SlickPaginationComponent as cn } from "@slickgrid-universal/pagination-component";
 import { deepCopy as un, extend as fn } from "@slickgrid-universal/utils";
 import { SlickRowDetailView as mn } from "@slickgrid-universal/row-detail-view-plugin";
 var Je = Object.prototype.hasOwnProperty;
-function ce(u, o) {
+function de(u, o) {
   var a, s;
   if (u === o) return !0;
   if (u && o && (a = u.constructor) === o.constructor) {
@@ -18,19 +18,19 @@ function ce(u, o) {
     if (a === RegExp) return u.toString() === o.toString();
     if (a === Array) {
       if ((s = u.length) === o.length)
-        for (; s-- && ce(u[s], o[s]); ) ;
+        for (; s-- && de(u[s], o[s]); ) ;
       return s === -1;
     }
     if (!a || typeof u == "object") {
       s = 0;
       for (a in u)
-        if (Je.call(u, a) && ++s && !Je.call(o, a) || !(a in o) || !ce(u[a], o[a])) return !1;
+        if (Je.call(u, a) && ++s && !Je.call(o, a) || !(a in o) || !de(u[a], o[a])) return !1;
       return Object.keys(o).length === s;
     }
   }
   return u !== u && o !== o;
 }
-const de = "container_", Xe = "container_loading";
+const le = "container_", Xe = "container_loading";
 class Qe extends mn {
   constructor(o) {
     super(o), this.eventPubSubService = o;
@@ -56,7 +56,7 @@ class Qe extends mn {
   }
   /** Dispose of the RowDetailView Extension */
   dispose() {
-    this.disposeAllViewComponents(), It(this._subscriptions), super.dispose();
+    this.disposeAllViewComponents(), xt(this._subscriptions), super.dispose();
   }
   /** Dispose of all the opened Row Detail Panels Components */
   disposeAllViewComponents() {
@@ -85,7 +85,7 @@ class Qe extends mn {
       this._userProcessFn = this.gridOptions.rowDetailView.process, this.addonOptions.process = (a) => this.onProcessing(a);
     else
       throw new Error('[Slickgrid-Vue] You need to provide a "process" function for the Row Detail Extension to work properly');
-    return this._grid && this.gridOptions?.rowDetailView && (this.gridOptions.rowDetailView.preTemplate || (this._preloadComponent = this.gridOptions?.rowDetailView?.preloadComponent, this.addonOptions.preTemplate = () => He("div", { className: `${Xe}` })), this.gridOptions.rowDetailView.postTemplate || (this._component = this.gridOptions?.rowDetailView?.viewComponent, this.addonOptions.postTemplate = (a) => He("div", { className: `${de}${a[this.datasetIdPropName]}` })), this._grid && this.gridOptions && ((!o || !this._grid.getSelectionModel()) && (o = new xt(this.gridOptions.rowSelectionOptions || { selectActiveRow: !0 }), this._grid.setSelectionModel(o)), this._grid && this.rowDetailViewOptions && (this.rowDetailViewOptions.onExtensionRegistered && this.rowDetailViewOptions.onExtensionRegistered(this), this._eventHandler.subscribe(this.onAsyncResponse, (a, s) => {
+    return this._grid && this.gridOptions?.rowDetailView && (this.gridOptions.rowDetailView.preTemplate || (this._preloadComponent = this.gridOptions?.rowDetailView?.preloadComponent, this.addonOptions.preTemplate = () => He("div", { className: `${Xe}` })), this.gridOptions.rowDetailView.postTemplate || (this._component = this.gridOptions?.rowDetailView?.viewComponent, this.addonOptions.postTemplate = (a) => He("div", { className: `${le}${a[this.datasetIdPropName]}` })), this._grid && this.gridOptions && ((!o || !this._grid.getSelectionModel()) && (o = new kt(this.gridOptions.rowSelectionOptions || { selectActiveRow: !0 }), this._grid.setSelectionModel(o)), this._grid && this.rowDetailViewOptions && (this.rowDetailViewOptions.onExtensionRegistered && this.rowDetailViewOptions.onExtensionRegistered(this), this._eventHandler.subscribe(this.onAsyncResponse, (a, s) => {
       typeof this.rowDetailViewOptions?.onAsyncResponse == "function" && this.rowDetailViewOptions.onAsyncResponse(a, s);
     }), this._eventHandler.subscribe(this.onAsyncEndUpdate, async (a, s) => {
       this._preloadApp?.unmount(), queueMicrotask(async () => {
@@ -126,7 +126,7 @@ class Qe extends mn {
   }
   /** Redraw the necessary View Component */
   redrawViewComponent(o) {
-    this.gridContainerElement.querySelector(`.${de}${o.id}`) && this.renderViewModel(o.dataContext);
+    this.gridContainerElement.querySelector(`.${le}${o.id}`) && this.renderViewModel(o.dataContext);
   }
   /** Render (or re-render) the View Component (Row Detail) */
   renderPreloadView(o) {
@@ -139,14 +139,14 @@ class Qe extends mn {
         dataView: this.dataView,
         parentRef: this.rowDetailViewOptions?.parentRef
       }, x = document.createElement("div");
-      this._preloadApp = Se(this._preloadComponent, p);
+      this._preloadApp = we(this._preloadComponent, p);
       const n = this._preloadApp.mount(x);
       p.parentRef = n, a.appendChild(n.$el), s && (s.app = this._preloadApp, s.instance = n);
     }
   }
   /** Render (or re-render) the View Component (Row Detail) */
   renderViewModel(o) {
-    const a = this.gridContainerElement.querySelector(`.${de}${o[this.datasetIdPropName]}`);
+    const a = this.gridContainerElement.querySelector(`.${le}${o[this.datasetIdPropName]}`);
     if (this._component && a) {
       const s = {
         model: o,
@@ -155,8 +155,8 @@ class Qe extends mn {
         dataView: this.dataView,
         parentRef: this.rowDetailViewOptions?.parentRef
       };
-      this.unmountViewWhenExists(o[this.datasetIdPropName]);
-      const p = document.createElement("div"), x = Se(this._component, s), n = x.mount(p);
+      this.unmountViewWhenExists(o[this.datasetIdPropName]), tt(a);
+      const p = document.createElement("div"), x = we(this._component, s), n = x.mount(p);
       s.parentRef = x.component, a.appendChild(n.$el), this.upsertViewRefs(o, { app: x, instance: n, rendered: !0 });
     }
   }
@@ -184,7 +184,7 @@ class Qe extends mn {
   disposeViewComponent(o) {
     if (o?.instance) {
       o.rendered = !1;
-      const a = this.gridContainerElement.querySelector(`.${de}${o.id}`);
+      const a = this.gridContainerElement.querySelector(`.${le}${o.id}`);
       if (a)
         return o.app?.unmount(), a.textContent = "", o;
     }
@@ -209,7 +209,7 @@ class Qe extends mn {
    * @param item
    */
   notifyTemplate(o) {
-    this.onAsyncResponse.notify({ item: o }, new kt(), this);
+    this.onAsyncResponse.notify({ item: o }, new Pt(), this);
   }
   /**
    * On Processing, we will notify the plugin with the new item detail once backend server call completes
@@ -325,7 +325,7 @@ const Ze = {
     // but disable it when using backend services
   },
   datasetIdPropertyName: "id",
-  defaultFilter: Tt.input,
+  defaultFilter: Ft.input,
   defaultBackendServiceFilterTypingDebounce: 500,
   defaultColumnSortFieldId: "id",
   defaultFilterPlaceholder: "🔎︎",
@@ -362,7 +362,7 @@ const Ze = {
   enableMouseHoverHighlightRow: !0,
   enableSorting: !0,
   enableTextSelectionOnCells: !0,
-  eventNamingStyle: we.camelCaseWithExtraOnPrefix,
+  eventNamingStyle: ve.camelCaseWithExtraOnPrefix,
   explicitInitialization: !0,
   excelExportOptions: {
     addGroupIndentation: !0,
@@ -376,7 +376,7 @@ const Ze = {
     sanitizeDataExport: !1
   },
   textExportOptions: {
-    delimiter: Pt.comma,
+    delimiter: Tt.comma,
     exportWithFormatter: !1,
     filename: "export",
     format: "csv",
@@ -477,7 +477,6 @@ const Ze = {
   resizeByContentOnlyOnFirstLoad: !0,
   resizeByContentOptions: {
     alwaysRecalculateColumnWidth: !1,
-    cellCharWidthInPx: 7.8,
     cellPaddingWidthInPx: 14,
     defaultRatioForStringType: 0.88,
     formatterPaddingWidthInPx: 0,
@@ -683,77 +682,77 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
   }),
   emits: ["update:options", "update:pagination", "update:columns", "update:data", "update:hierarchical"],
   setup(u) {
-    const o = en(), a = u, s = L(), p = L(), x = L(null), n = L({}), k = L(0), tt = qe(() => `slickGridContainer-${a.gridId}`), be = qe(() => Ee.value?.backendServiceApi?.service);
-    let N = 0, m = null, l, ye = [], j, Y = !1, B, J = !1, ue = !1, ae = !1, fe = !1, W = !1, K = !0, Ae, h = [], me = !1, X = !1, U = [], re, Q, F, Z, G, P;
-    const nt = new Ft(), z = new Vt(), f = new ze();
-    f.eventNamingStyle = we.camelCaseWithExtraOnPrefix;
-    const C = new pn(), T = new hn(), O = new _t(), $ = new Mt(), c = new Bt(), pe = new Gt(T), he = new zt(c, O, T), Re = new Ht(nt, T, pe), v = new Lt(Re, f, c, O), E = new Nt(f), y = new Wt(pe, c, f, O), I = new Le(f, v, c, y), D = new Kt(f, c, O), A = new Ut(
-      he,
+    const o = en(), a = u, s = L(), p = L(), x = L(null), n = L({}), k = L(0), nt = qe(() => `slickGridContainer-${a.gridId}`), Se = qe(() => Oe.value?.backendServiceApi?.service);
+    let N = 0, m = null, l, be = [], j, Y = !1, B, J = !1, ce = !1, oe = !1, ue = !1, W = !1, K = !0, ye, h = [], fe = !1, X = !1, U = [], ae, Q, F, Z, G, P;
+    const it = new Vt(), z = new _t(), f = new ze();
+    f.eventNamingStyle = ve.camelCaseWithExtraOnPrefix;
+    const C = new pn(), T = new hn(), R = new Mt(), $ = new Bt(), c = new Gt(), me = new zt(T), pe = new Ht(c, R, T), Ae = new Lt(it, T, me), v = new Nt(Ae, f, c, R), O = new Wt(f), b = new Kt(me, c, f, R), D = new Le(f, v, c, b), E = new Ut(f, c, R), y = new $t(
+      pe,
       v,
       f,
       c,
-      y,
-      I,
+      b,
+      D,
       T,
       () => ee
     ), V = new We(
-      A,
+      y,
       v,
       f,
       c,
-      y,
-      I
+      b,
+      D
     ), ee = new Ne(
       V,
       v,
       f,
-      D,
+      E,
       c,
+      b,
+      D
+    ), te = new Ke(pe);
+    let Re = [
       y,
-      I
-    ), te = new Ke(he);
-    let Oe = [
-      A,
       v,
       $,
       ee,
       V,
       te,
-      D,
       E,
-      y,
-      I
+      O,
+      b,
+      D
     ];
-    C.registerInstance("PubSubService", f), C.registerInstance("EventPubSubService", f), C.registerInstance("ExtensionUtility", he), C.registerInstance("FilterService", v), C.registerInstance("CollectionService", pe), C.registerInstance("ExtensionService", A), C.registerInstance("GridEventService", $), C.registerInstance("GridService", ee), C.registerInstance("GridStateService", V), C.registerInstance("HeaderGroupingService", te), C.registerInstance("PaginationService", D), C.registerInstance("ResizerService", E), C.registerInstance("SharedService", c), C.registerInstance("SortService", y), C.registerInstance("TranslaterService", T), C.registerInstance("TreeDataService", I);
-    const Ee = oe(u, "options");
-    n.value = { ...Ze, ...Ee.value };
-    const R = L(), it = oe(u, "pagination");
-    le(it, (e) => ht(e));
-    const g = L([]), _ = oe(u, "columns");
-    le(_, (e) => De(e), { immediate: !0 });
-    const M = oe(u, "data");
-    le(
+    C.registerInstance("PubSubService", f), C.registerInstance("EventPubSubService", f), C.registerInstance("ExtensionUtility", pe), C.registerInstance("FilterService", v), C.registerInstance("CollectionService", me), C.registerInstance("ExtensionService", y), C.registerInstance("GridEventService", $), C.registerInstance("GridService", ee), C.registerInstance("GridStateService", V), C.registerInstance("HeaderGroupingService", te), C.registerInstance("PaginationService", E), C.registerInstance("ResizerService", O), C.registerInstance("SharedService", c), C.registerInstance("SortService", b), C.registerInstance("TranslaterService", T), C.registerInstance("TreeDataService", D);
+    const Oe = ie(u, "options");
+    n.value = { ...Ze, ...Oe.value };
+    const A = L(), ot = ie(u, "pagination");
+    se(ot, (e) => gt(e));
+    const w = L([]), _ = ie(u, "columns");
+    se(_, (e) => Ee(e), { immediate: !0 });
+    const M = ie(u, "data");
+    se(
       M,
       (e) => {
-        const t = N, i = ce(e, M.value || []);
+        const t = N, i = de(e, M.value || []);
         let r = n.value?.enableDeepCopyDatasetOnPageLoad ? un(e) : e;
-        l && n.value?.enableTreeData && Array.isArray(e) && (e.length > 0 || e.length !== t || !i) && (fe = !1, r = Be(e, !i)), xe(r || []), N = (e || []).length, l && n.value?.autoFitColumnsOnFirstLoad && t === 0 && !J && (l.autosizeColumns(), J = !0);
+        l && n.value?.enableTreeData && Array.isArray(e) && (e.length > 0 || e.length !== t || !i) && (ue = !1, r = Me(e, !i)), Ie(r || []), N = (e || []).length, l && n.value?.autoFitColumnsOnFirstLoad && t === 0 && !J && (l.autosizeColumns(), J = !0);
       },
       { immediate: !0 }
     );
-    const q = oe(u, "hierarchical");
-    le(
+    const q = ie(u, "hierarchical");
+    se(
       q,
       (e) => {
-        const t = ce(e, c?.hierarchicalDataset ?? []), i = N;
-        c && (c.hierarchicalDataset = e), e && g.value && v?.clearFilters && v.clearFilters(), m && e && l && y?.processTreeDataInitialSort && (m.setItems([], n.value?.datasetIdPropertyName ?? "id"), y.processTreeDataInitialSort(), I.initHierarchicalTree(), queueMicrotask(() => {
+        const t = de(e, c?.hierarchicalDataset ?? []), i = N;
+        c && (c.hierarchicalDataset = e), e && w.value && v?.clearFilters && v.clearFilters(), m && e && l && b?.processTreeDataInitialSort && (m.setItems([], n.value?.datasetIdPropertyName ?? "id"), b.processTreeDataInitialSort(), D.initHierarchicalTree(), queueMicrotask(() => {
           const r = m?.getItemCount() || 0;
           r > 0 && (r !== i || !t) && v.refreshTreeDataFilters();
-        }), fe = !0);
+        }), ue = !0);
       },
       { immediate: !0 }
     ), Y = n.value?.showHeaderRow === !1, tn(() => {
-      Ie();
+      De();
     }), nn(() => {
       if (!_.value)
         throw new Error(
@@ -775,88 +774,86 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
             }
           }
       }
-      if (ot(), ue = !0, ne() || (n.value.enablePagination = !!(n.value.backendServiceApi && n.value.enablePagination === void 0 || n.value.enablePagination)), !W && !q.value && n.value?.enablePagination && K && (X = !0, Ve(M.value)), n.value?.enableEmptyDataWarningMessage) {
+      if (at(), ce = !0, ne() || (n.value.enablePagination = !!(n.value.backendServiceApi && n.value.enablePagination === void 0 || n.value.enablePagination)), !W && !q.value && n.value?.enablePagination && K && (X = !0, Fe(M.value)), n.value?.enableEmptyDataWarningMessage) {
         const e = M.value || [];
         if (Array.isArray(e)) {
           const t = e.length;
-          ge(t < 1);
+          he(t < 1);
         }
       }
-      n.value.darkMode && Pe(!0), q.value && (c.hierarchicalDataset = q.value || []), Dt(), vt();
+      n.value.darkMode && ke(!0), q.value && (c.hierarchicalDataset = q.value || []), It(), wt();
     });
-    function De(e) {
-      e && (g.value = e), ue && Ct(g.value), g.value.length > 0 && wt(g.value);
+    function Ee(e) {
+      e && (w.value = e), ce && vt(w.value), w.value.length > 0 && St(w.value);
     }
-    function ot() {
+    function at() {
       if (!n.value || !_.value)
         throw new Error(
           'Using `<Slickgrid-Vue>` requires `v-model:columns="columnDefinitions"` and `v-model:options="gridOptions.value"`, it seems that you might have forgot to provide them since at least of them is undefined.'
         );
-      if (n.value.translater = T, J = !1, n.value && (n.value.frozenRow !== void 0 && n.value.frozenRow >= 0 || n.value.frozenColumn !== void 0 && n.value.frozenColumn >= 0) && n.value.enableMouseWheelScrollHandler === void 0 && (n.value.enableMouseWheelScrollHandler = !0), f.eventNamingStyle = n.value?.eventNamingStyle ?? we.camelCaseWithExtraOnPrefix, f.publish("onBeforeGridCreate", !0), N = M.value?.length || 0, n.value = yt(n.value), R.value = n.value?.pagination, G = n.value?.backendServiceApi, K = !G, n.value?.enableTranslate || n.value?.i18n)
+      if (n.value.translater = T, J = !1, n.value && (n.value.frozenRow !== void 0 && n.value.frozenRow >= 0 || n.value.frozenColumn !== void 0 && n.value.frozenColumn >= 0) && n.value.enableMouseWheelScrollHandler === void 0 && (n.value.enableMouseWheelScrollHandler = !0), f.eventNamingStyle = n.value?.eventNamingStyle ?? ve.camelCaseWithExtraOnPrefix, f.publish("onBeforeGridCreate", !0), N = M.value?.length || 0, n.value = At(n.value), A.value = n.value?.pagination, G = n.value?.backendServiceApi, K = !G, n.value?.enableTranslate || n.value?.i18n)
         if (B = on("i18next", null), B)
           T.i18nInstance = B;
         else
           throw new Error(
             "[Slickgrid-Vue] Enabling translation requires you to provide I18Next in your App, for example: `provide('i18next', useTranslation().i18next)`."
           );
-      n.value?.backendServiceApi && !n.value.backendServiceApi?.disableInternalPostProcess && lt(n.value);
+      n.value?.backendServiceApi && !n.value.backendServiceApi?.disableInternalPostProcess && dt(n.value);
       const e = n.value?.dataView && n.value.dataView.inlineFilters || !1;
       let t = {
         ...n.value.dataView,
         inlineFilters: e
       };
-      (n.value?.draggableGrouping || n.value?.enableGrouping) && (j = new $t(), c.groupItemMetadataProvider = j, t = { ...t, groupItemMetadataProvider: j }), m = new qt(t, f), f.publish("onDataviewCreated", m), Rt(), g.value = Ge(_.value || []), n.value?.autoAddCustomEditorFormatter && Ue(g.value, n.value?.autoAddCustomEditorFormatter), c.allColumns = g.value, c.visibleColumns = g.value, A.createExtensionsBeforeGridCreation(g.value, n.value), n.value?.presets?.pinning && (n.value = { ...n.value, ...n.value.presets.pinning }), l = new jt(
+      (n.value?.draggableGrouping || n.value?.enableGrouping) && (j = new qt(), c.groupItemMetadataProvider = j, t = { ...t, groupItemMetadataProvider: j }), m = new jt(t, f), f.publish("onDataviewCreated", m), Ot(), w.value = Be(_.value || []), n.value?.autoAddCustomEditorFormatter && Ue(w.value, n.value?.autoAddCustomEditorFormatter), c.allColumns = w.value, c.visibleColumns = w.value, y.createExtensionsBeforeGridCreation(w.value, n.value), n.value?.presets?.pinning && (n.value = { ...n.value, ...n.value.presets.pinning }), l = new Yt(
         `#${a.gridId}`,
         m,
-        g.value,
+        w.value,
         n.value,
         f
-      ), c.dataView = m, c.slickGrid = l, c.gridContainerElement = s.value, j && l.registerPlugin(j), A.bindDifferentExtensions(), dt(l, n.value, m);
-      const i = n.value?.frozenColumn ?? -1;
-      i >= 0 && i <= g.value.length && g.value.length > 0 && (c.frozenVisibleColumnId = g.value[i]?.id ?? ""), Ot(), l.init();
-      const r = s.value;
-      if (r && E.init(l, r), !n.value?.enablePagination && n.value?.showCustomFooter && n.value?.customFooterOptions && r && (Q = new dn(l, n.value?.customFooterOptions, f, T), Q.renderFooter(r)), m) {
-        const w = n.value?.enableTreeData ? Be(M.value || []) : M.value;
-        if (Array.isArray(w) && m.setItems(w, n.value.datasetIdPropertyName ?? "id"), l?.getSelectionModel() && n.value?.dataView && "syncGridSelection" in n.value.dataView) {
+      ), c.dataView = m, c.slickGrid = l, c.gridContainerElement = s.value, j && l.registerPlugin(j), y.bindDifferentExtensions(), ct(l, n.value, m), c.frozenVisibleColumnId = l.getFrozenColumnId(), Et(), l.init();
+      const i = s.value;
+      if (i && O.init(l, i), !n.value?.enablePagination && n.value?.showCustomFooter && n.value?.customFooterOptions && i && (Q = new dn(l, n.value?.customFooterOptions, f, T), Q.renderFooter(i)), m) {
+        const d = n.value?.enableTreeData ? Me(M.value || []) : M.value;
+        if (Array.isArray(d) && m.setItems(d, n.value.datasetIdPropertyName ?? "id"), l?.getSelectionModel() && n.value?.dataView && "syncGridSelection" in n.value.dataView) {
           let S = !1;
           n.value.backendServiceApi && "syncGridSelectionWithBackendService" in n.value.dataView && (S = n.value.dataView.syncGridSelectionWithBackendService);
-          const b = n.value.dataView.syncGridSelection;
-          if (typeof b == "boolean") {
-            let ie = b;
-            K || (ie = b && S), m.syncGridSelection(l, ie);
-          } else typeof b == "object" && m.syncGridSelection(l, b.preserveHidden, b.preserveHiddenOnSelectionChange);
+          const g = n.value.dataView.syncGridSelection;
+          if (typeof g == "boolean") {
+            let I = g;
+            K || (I = g && S), m.syncGridSelection(l, I);
+          } else typeof g == "object" && m.syncGridSelection(l, g.preserveHidden, g.preserveHiddenOnSelectionChange);
         }
-        M.value?.length && (!ae && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && _e(), ve(), ae = !0);
+        M.value?.length && (!oe && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && Ve(), Ce(), oe = !0);
       }
-      Y && (gt(!1), c.hideHeaderRowAfterPageLoad = Y), f.publish("onGridCreated", l), mt(l, n.value), ft(l, n.value), n.value?.backendServiceApi && ct(n.value);
-      const d = {
+      Y && (Ct(!1), c.hideHeaderRowAfterPageLoad = Y), f.publish("onGridCreated", l), pt(l, n.value), mt(l, n.value), n.value?.backendServiceApi && ut(n.value);
+      const r = {
         element: s.value,
         // Slick Grid & DataView objects
         dataView: m,
         slickGrid: l,
         // public methods
-        dispose: at,
+        dispose: rt,
         // return all available Services (non-singleton)
-        backendService: be.value,
+        backendService: Se.value,
         eventPubSubService: f,
         filterService: v,
         gridEventService: $,
         gridStateService: V,
         gridService: ee,
         headerGroupingService: te,
-        extensionService: A,
+        extensionService: y,
         paginationComponent: F,
-        paginationService: D,
-        resizerService: E,
-        sortService: y,
-        treeDataService: I
+        paginationService: E,
+        resizerService: O,
+        sortService: b,
+        treeDataService: D
       };
-      p.value = A?.extensionList, x.value = d, f.publish("onVueGridCreated", d);
+      p.value = y?.extensionList, x.value = r, f.publish("onVueGridCreated", r);
     }
-    function Ie(e = !1) {
-      if (f.publish("onBeforeGridDestroy", l), z?.unsubscribeAll(), typeof B?.off == "function" && B.off("languageChanged"), e && st(), ye.forEach((t) => t?.disconnect()), f.publish("onAfterGridDestroyed", !0), Oe.forEach((t) => {
+    function De(e = !1) {
+      if (f.publish("onBeforeGridDestroy", l), z?.unsubscribeAll(), typeof B?.off == "function" && B.off("languageChanged"), e && lt(), be.forEach((t) => t?.disconnect()), f.publish("onAfterGridDestroyed", !0), Re.forEach((t) => {
         t?.dispose && t.dispose();
-      }), Oe = [], be.value?.dispose?.(), rt(), re?.dispose(), Q?.dispose(), F?.dispose(), m && (m.setItems && m.setItems([]), m.destroy && m.destroy()), l?.destroy && l.destroy(e), U = gn(U), G) {
+      }), Re = [], Se.value?.dispose?.(), st(), ae?.dispose(), Q?.dispose(), F?.dispose(), m && (m.setItems && m.setItems([]), m.destroy && m.destroy()), l?.destroy && l.destroy(e), U = gn(U), G) {
         for (const t of Object.keys(G))
           G[t] = null;
         G = void 0;
@@ -866,10 +863,10 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
       for (const t of Object.keys(c))
         c[t] = null;
     }
-    function at(e = !1) {
-      Ie(e);
+    function rt(e = !1) {
+      De(e);
     }
-    function rt() {
+    function st() {
       if (Array.isArray(h))
         for (; h.length > 0; ) {
           const e = h.pop();
@@ -877,111 +874,111 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
         }
       h = [];
     }
-    function st() {
+    function lt() {
       const e = n.value?.gridContainerId ?? "grid1", t = document.querySelector(`#${e}`);
-      Yt(t);
+      tt(t);
     }
-    function lt(e) {
+    function dt(e) {
       const t = e?.backendServiceApi;
       if (t?.service) {
         const i = t.service;
         typeof i.getDatasetName == "function" && (t.internalPostProcess = (r) => {
           const d = t && i && typeof i.getDatasetName == "function" ? i.getDatasetName() : "";
           if (r?.data[d]) {
-            const w = "nodes" in r.data[d] ? r.data[d].nodes : r.data[d], S = "totalCount" in r.data[d] ? r.data[d].totalCount : r.data[d].length;
-            xe(w, S || 0);
+            const S = "nodes" in r.data[d] ? r.data[d].nodes : r.data[d], g = "totalCount" in r.data[d] ? r.data[d].totalCount : r.data[d].length;
+            Ie(S, g || 0);
           }
         });
       }
     }
-    function dt(e, t, i) {
-      if (t.enableTranslate && A.translateAllExtensions(), typeof B?.on == "function" && B.on("languageChanged", (r) => {
-        f.publish("onLanguageChange"), t.enableTranslate && (A.translateAllExtensions(r), (t.createPreHeaderPanel && t.createTopHeaderPanel || t.createPreHeaderPanel && !t.enableDraggableGrouping) && te.translateHeaderGrouping());
+    function ct(e, t, i) {
+      if (t.enableTranslate && y.translateAllExtensions(), typeof B?.on == "function" && B.on("languageChanged", (r) => {
+        f.publish("onLanguageChange"), t.enableTranslate && (y.translateAllExtensions(r), (t.createPreHeaderPanel && t.createTopHeaderPanel || t.createPreHeaderPanel && !t.enableDraggableGrouping) && te.translateHeaderGrouping());
       }), t.backendServiceApi) {
         const r = t.backendServiceApi;
         r?.service?.init && r.service.init(r.options, t.pagination, e, c);
       }
-      i && e && ($.bindOnBeforeEditCell(e), $.bindOnCellChange(e), $.bindOnClick(e), i && e && (t.enableSorting && (t.backendServiceApi && !t.backendServiceApi.useLocalSorting ? y.bindBackendOnSort(e) : y.bindLocalOnSort(e)), t.enableFiltering && (v.init(e), t.backendServiceApi && !t.backendServiceApi.useLocalFiltering ? v.bindBackendOnFilter(e) : v.bindLocalOnFilter(e)), z.subscribe(e.onColumnsReordered, (r, d) => {
+      i && e && ($.bindOnBeforeEditCell(e), $.bindOnCellChange(e), $.bindOnClick(e), i && e && (t.enableSorting && (t.backendServiceApi && !t.backendServiceApi.useLocalSorting ? b.bindBackendOnSort(e) : b.bindLocalOnSort(e)), t.enableFiltering && (v.init(e), t.backendServiceApi && !t.backendServiceApi.useLocalFiltering ? v.bindBackendOnFilter(e) : v.bindLocalOnFilter(e)), z.subscribe(e.onColumnsReordered, (r, d) => {
         c.hasColumnsReordered = !0, c.visibleColumns = d.impactedColumns;
       }), z.subscribe(e.onSetOptions, (r, d) => {
-        d.optionsBefore.darkMode !== d.optionsAfter.darkMode && c.gridContainerElement && Pe(d.optionsAfter.darkMode);
-      }), bt(), ve(), z.subscribe(i.onRowCountChanged, (r, d) => {
-        !t.enableRowDetailView || !Array.isArray(d.changedRows) || d.changedRows.length === d.itemCount ? e.invalidate() : (e.invalidateRows(d.changedRows), e.render()), Te(i.getFilteredItemCount() || 0, i.getItemCount() || 0);
+        d.optionsBefore.darkMode !== d.optionsAfter.darkMode && c.gridContainerElement && ke(d.optionsAfter.darkMode);
+      }), yt(), Ce(), z.subscribe(i.onRowCountChanged, (r, d) => {
+        !t.enableRowDetailView || !Array.isArray(d.changedRows) || d.changedRows.length === d.itemCount ? e.invalidate() : (e.invalidateRows(d.changedRows), e.render()), Pe(i.getFilteredItemCount() || 0, i.getItemCount() || 0);
       }), z.subscribe(i.onSetItemsCalled, (r, d) => {
-        c.isItemsDateParsed = !1, Te(i.getFilteredItemCount() || 0, d.itemCount), d.itemCount > 0 && (t.autosizeColumnsByCellContentOnFirstLoad || t.enableAutoResizeColumnsByCellContent) && E.resizeColumnsByCellContent(!t?.resizeByContentOnlyOnFirstLoad);
-      }), (t?.enableFiltering || t?.dataView?.globalItemMetadataProvider) && !t.enableRowDetailView && z.subscribe(i.onRowsChanged, (r, { calledOnRowCountChanged: d, rows: w }) => {
-        if (!d && Array.isArray(w)) {
-          const S = e.getRenderedRange();
-          w.filter((b) => b >= S.top && b <= S.bottom).forEach((b) => e.updateRow(b)), e.render();
+        c.isItemsDateParsed = !1, Pe(i.getFilteredItemCount() || 0, d.itemCount), d.itemCount > 0 && (t.autosizeColumnsByCellContentOnFirstLoad || t.enableAutoResizeColumnsByCellContent) && O.resizeColumnsByCellContent(!t?.resizeByContentOnlyOnFirstLoad);
+      }), (t?.enableFiltering || t?.dataView?.globalItemMetadataProvider) && !t.enableRowDetailView && z.subscribe(i.onRowsChanged, (r, { calledOnRowCountChanged: d, rows: S }) => {
+        if (!d && Array.isArray(S)) {
+          const g = e.getRenderedRange();
+          S.filter((I) => I >= g.top && I <= g.bottom).forEach((I) => e.updateRow(I)), e.render();
         }
       })));
     }
-    function ct(e) {
+    function ut(e) {
       const t = e.backendServiceApi, i = t?.service, r = i?.options || {}, d = r ? r && "executeProcessCommandOnInit" in r ? r.executeProcessCommandOnInit : !0 : !1;
       if (i) {
         if (e?.presets) {
           if (i.updateFilters && Array.isArray(e.presets.filters) && e.presets.filters.length > 0 && i.updateFilters(e.presets.filters, !0), i.updateSorters && Array.isArray(e.presets.sorters) && e.presets.sorters.length > 0) {
-            const w = n.value?.multiColumnSort ? e.presets.sorters : e.presets.sorters.slice(0, 1);
-            i.updateSorters(void 0, w);
+            const S = n.value?.multiColumnSort ? e.presets.sorters : e.presets.sorters.slice(0, 1);
+            i.updateSorters(void 0, S);
           }
           if (i.updatePagination && e.presets.pagination && !ne()) {
-            const { pageNumber: w, pageSize: S } = e.presets.pagination;
-            i.updatePagination(w, S);
+            const { pageNumber: S, pageSize: g } = e.presets.pagination;
+            i.updatePagination(S, g);
           }
         } else {
-          const w = v.getColumnFilters();
-          w && i.updateFilters && i.updateFilters(w, !1);
+          const S = v.getColumnFilters();
+          S && i.updateFilters && i.updateFilters(S, !1);
         }
         if (t && i && (t.onInit || d)) {
-          const w = typeof i.buildQuery == "function" ? i.buildQuery() : "", S = d ? t.process?.(w) ?? null : t.onInit?.(w) ?? null;
+          const S = typeof i.buildQuery == "function" ? i.buildQuery() : "", g = d ? t.process?.(S) ?? null : t.onInit?.(S) ?? null;
           queueMicrotask(() => {
-            const b = /* @__PURE__ */ new Date();
+            const I = /* @__PURE__ */ new Date();
             t.preProcess && t.preProcess();
-            const ie = n.value?.pagination?.totalItems ?? 0;
-            S instanceof Promise ? S.then(
-              (H) => O.executeBackendProcessesCallback(b, H, t, ie)
-            ).catch((H) => O.onBackendError(H, t)) : S && P?.isObservable(S) && U.push(
-              S.subscribe(
-                (H) => O.executeBackendProcessesCallback(b, H, t, ie),
-                (H) => O.onBackendError(H, t)
+            const Ge = n.value?.pagination?.totalItems ?? 0;
+            g instanceof Promise ? g.then(
+              (H) => R.executeBackendProcessesCallback(I, H, t, Ge)
+            ).catch((H) => R.onBackendError(H, t)) : g && P?.isObservable(g) && U.push(
+              g.subscribe(
+                (H) => R.executeBackendProcessesCallback(I, H, t, Ge),
+                (H) => R.onBackendError(H, t)
               )
             );
           });
         }
-        t.service.options?.infiniteScroll && ut();
+        t.service.options?.infiniteScroll && ft();
       }
     }
-    function ut() {
+    function ft() {
       if (l && n.value.backendServiceApi && ne() && !n.value.backendServiceApi?.onScrollEnd) {
         const e = () => {
-          O.setInfiniteScrollBottomHit(!0), D.goToNextPage().then((i) => {
-            i || O.setInfiniteScrollBottomHit(!1);
+          R.setInfiniteScrollBottomHit(!0), E.goToNextPage().then((i) => {
+            i || R.setInfiniteScrollBottomHit(!1);
           });
         };
         n.value.backendServiceApi.onScrollEnd = e, z.subscribe(l.onScroll, (i, r) => {
           const d = r.grid.getViewportNode();
-          ["mousewheel", "scroll"].includes(r.triggeredBy || "") && D?.totalItems && r.scrollTop > 0 && Math.ceil(d.offsetHeight + r.scrollTop) >= r.scrollHeight && (me || (e(), me = !0));
+          ["mousewheel", "scroll"].includes(r.triggeredBy || "") && E?.totalItems && r.scrollTop > 0 && Math.ceil(d.offsetHeight + r.scrollTop) >= r.scrollHeight && (fe || (e(), fe = !0));
         });
         const t = n.value.backendServiceApi.postProcess;
         n.value.backendServiceApi.postProcess = (i) => {
-          me = !1, t && t(i);
+          fe = !1, t && t(i);
         };
       }
     }
-    function ft(e, t) {
+    function mt(e, t) {
       if (t.autoFitColumnsOnFirstLoad && t.autosizeColumnsByCellContentOnFirstLoad || t.enableAutoSizeColumns && t.enableAutoResizeColumnsByCellContent)
         throw new Error(
           '[Slickgrid-Vue] You cannot enable both autosize/fit viewport & resize by content, you must choose which resize technique to use. You can enable these 2 options ("autoFitColumnsOnFirstLoad" and "enableAutoSizeColumns") OR these other 2 options ("autosizeColumnsByCellContentOnFirstLoad" and "enableAutoResizeColumnsByCellContent").'
         );
-      t.gridHeight || t.gridWidth ? E.resizeGrid(0, { height: t.gridHeight, width: t.gridWidth }) : E.resizeGrid(), e && t?.enableAutoResize && t.autoFitColumnsOnFirstLoad && t.enableAutoSizeColumns && !J && (e.autosizeColumns(), J = !0);
+      t.gridHeight || t.gridWidth ? O.resizeGrid(0, { height: t.gridHeight, width: t.gridWidth }) : O.resizeGrid(), e && t?.enableAutoResize && t.autoFitColumnsOnFirstLoad && t.enableAutoSizeColumns && !J && (e.autosizeColumns(), J = !0);
     }
-    function mt(e, t) {
+    function pt(e, t) {
       if (t.enableSorting && t.presets && Array.isArray(t.presets.sorters)) {
         const i = n.value.multiColumnSort ? t.presets.sorters : t.presets.sorters.slice(0, 1);
-        y.loadGridSorters(i);
+        b.loadGridSorters(i);
       }
     }
-    function pt(e) {
+    function ht(e) {
       const t = V?.needToPreserveRowSelection() ?? !1;
       l && !t && n.value?.backendServiceApi && (n.value.enableRowSelection || n.value.enableCheckboxSelector) && l.setSelectedRows([]);
       const { pageNumber: i, pageSize: r } = e;
@@ -990,123 +987,123 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
         gridState: V.getCurrentGridState()
       });
     }
-    function ht(e) {
-      e && R.value ? R.value = { ...R.value, ...e } : R.value = e, n.value && (n.value.pagination = R.value, D.updateTotalItems(e?.totalItems ?? 0, !0));
+    function gt(e) {
+      e && A.value ? A.value = { ...A.value, ...e } : A.value = e, n.value && (n.value.pagination = A.value, E.updateTotalItems(e?.totalItems ?? 0, !0));
     }
-    function xe(e, t) {
-      if (n.value?.enablePagination && K && (X = !0, Ve(e)), n.value?.enableEmptyDataWarningMessage && Array.isArray(e)) {
+    function Ie(e, t) {
+      if (n.value?.enablePagination && K && (X = !0, Fe(e)), n.value?.enableEmptyDataWarningMessage && Array.isArray(e)) {
         const i = t || e.length;
-        ge(i < 1);
+        he(i < 1);
       }
       if (Array.isArray(e) && l && m?.setItems) {
-        if (m.setItems(e, n.value.datasetIdPropertyName ?? "id"), !n.value.backendServiceApi && !n.value.enableTreeData && m.reSort(), e.length > 0 && (ae || (ve(), n.value.enableCheckboxSelector && _e()), ae = !0), e && l.invalidate(), X = !!(n.value && (n.value.enablePagination || n.value.backendServiceApi && n.value.enablePagination === void 0)), R.value && n.value?.pagination && n.value?.backendServiceApi) {
-          const i = ke(
+        if (m.setItems(e, n.value.datasetIdPropertyName ?? "id"), !n.value.backendServiceApi && !n.value.enableTreeData && m.reSort(), e.length > 0 && (oe || (Ce(), n.value.enableCheckboxSelector && Ve()), oe = !0), e && l.invalidate(), X = !!(n.value && (n.value.enablePagination || n.value.backendServiceApi && n.value.enablePagination === void 0)), A.value && n.value?.pagination && n.value?.backendServiceApi) {
+          const i = xe(
             n.value,
-            R.value
+            A.value
           ), r = t !== void 0 ? t : n.value?.pagination?.totalItems;
-          r !== void 0 && r !== k.value && (k.value = +r), W ? D.updateTotalItems(k.value) : Fe(i);
+          r !== void 0 && r !== k.value && (k.value = +r), W ? E.updateTotalItems(k.value) : Te(i);
         }
         if (l && n.value.enableAutoResize) {
           const i = n.value.autoResize && n.value.autoResize.delay;
-          E.resizeGrid(i || 10);
+          O.resizeGrid(i || 10);
         }
       }
     }
-    function gt(e = !0) {
-      return l?.setHeaderRowVisibility(e), e === !0 && ue && l?.setColumns(_.value), e;
+    function Ct(e = !0) {
+      return l?.setHeaderRowVisibility(e), e === !0 && ce && l?.setColumns(_.value), e;
     }
-    function ke(e, t) {
+    function xe(e, t) {
       return e.presets?.pagination && e.pagination && (ne() ? console.warn("[Slickgrid-Vue] `presets.pagination` is not supported with Infinite Scroll, reverting to first page.") : (t.pageSize = e.presets.pagination.pageSize, t.pageNumber = e.presets.pagination.pageNumber)), t;
     }
-    function Pe(e = !1) {
+    function ke(e = !1) {
       c.gridContainerElement?.classList.toggle("slick-dark-mode", e);
     }
-    function Ct(e) {
-      e && (e = Ge(e), n.value.autoAddCustomEditorFormatter && Ue(e, n.value.autoAddCustomEditorFormatter), n.value.enableTranslate ? A.translateColumnHeaders(void 0, e) : A.renderColumnHeaders(e, !0), n.value?.enableAutoSizeColumns ? l?.autosizeColumns() : n.value?.enableAutoResizeColumnsByCellContent && E?.resizeColumnsByCellContent && E.resizeColumnsByCellContent());
+    function vt(e) {
+      e && (e = Be(e), n.value.autoAddCustomEditorFormatter && Ue(e, n.value.autoAddCustomEditorFormatter), n.value.enableTranslate ? y.translateColumnHeaders(void 0, e) : y.renderColumnHeaders(e, !0), n.value?.enableAutoSizeColumns ? l?.autosizeColumns() : n.value?.enableAutoResizeColumnsByCellContent && O?.resizeColumnsByCellContent && O.resizeColumnsByCellContent());
     }
-    function vt() {
-      ye.push(Jt(_.value, De));
+    function wt() {
+      be.push(Jt(_.value, Ee));
     }
-    function wt(e) {
+    function St(e) {
       e.forEach((t) => t.originalWidth = t.width);
     }
-    function ge(e = !0) {
-      re?.showEmptyDataMessage(e);
+    function he(e = !0) {
+      ae?.showEmptyDataMessage(e);
     }
-    function Te(e, t) {
-      N = t, Ae = {
+    function Pe(e, t) {
+      N = t, ye = {
         startTime: /* @__PURE__ */ new Date(),
         endTime: /* @__PURE__ */ new Date(),
         itemCount: e,
         totalItemCount: t
-      }, Q && (Q.metrics = Ae), K && n.value?.enableEmptyDataWarningMessage && ge(e === 0), n.value.enableAutoResize && E.isAutoHeightEnabled && e > 0 && E.resizeGrid();
+      }, Q && (Q.metrics = ye), K && n.value?.enableEmptyDataWarningMessage && he(e === 0), n.value.enableAutoResize && O.isAutoHeightEnabled && e > 0 && O.resizeGrid();
     }
-    function Fe(e) {
-      n.value && (D.totalItems = k.value, D.init(l, e, G), U.push(
-        f.subscribe("onPaginationChanged", (t) => pt(t)),
+    function Te(e) {
+      n.value && (E.totalItems = k.value, E.init(l, e, G), U.push(
+        f.subscribe("onPaginationChanged", (t) => ht(t)),
         f.subscribe("onPaginationVisibilityChanged", (t) => {
-          X = t?.visible ?? !1, n.value?.backendServiceApi && O?.refreshBackendDataset(n.value), Me(X);
+          X = t?.visible ?? !1, n.value?.backendServiceApi && R?.refreshBackendDataset(n.value), _e(X);
         })
-      ), Me(), W = !0);
+      ), _e(), W = !0);
     }
-    function St(e) {
+    function bt(e) {
       if (e?.editor) {
         const t = e.editor.collectionAsync;
         e.editor.disabled = !0, t instanceof Promise ? t.then((i) => {
-          Array.isArray(i) ? se(e, i) : i instanceof Response && typeof i.json == "function" ? i.bodyUsed ? console.warn(
+          Array.isArray(i) ? re(e, i) : i instanceof Response && typeof i.json == "function" ? i.bodyUsed ? console.warn(
             "[SlickGrid-Vue] The response body passed to collectionAsync was already read. Either pass the dataset from the Response or clone the response first using response.clone()"
-          ) : i.json().then((r) => se(e, r)) : i?.content && se(e, i.content);
+          ) : i.json().then((r) => re(e, r)) : i?.content && re(e, i.content);
         }) : P?.isObservable(t) && queueMicrotask(() => {
           U.push(
-            t.subscribe((i) => se(e, i))
+            t.subscribe((i) => re(e, i))
           );
         });
       }
     }
-    function Ce(e, t) {
-      if (g.value) {
-        const i = g.value.findIndex((r) => r.id === e);
+    function ge(e, t) {
+      if (w.value) {
+        const i = w.value.findIndex((r) => r.id === e);
         if (i >= 0) {
-          const r = g.value[i];
+          const r = w.value[i];
           r?.id === e && !t.some((d) => d.id === e) && (i > 0 ? t.splice(i, 0, r) : t.unshift(r));
         }
       }
     }
-    function bt() {
+    function yt() {
       if (n.value.presets && Array.isArray(n.value.presets.columns) && n.value.presets.columns.length > 0) {
         const e = V.getAssociatedGridColumns(l, n.value.presets.columns);
-        if (e && Array.isArray(e) && e.length > 0 && Array.isArray(g.value)) {
+        if (e && Array.isArray(e) && e.length > 0 && Array.isArray(w.value)) {
           if (n.value.enableRowMoveManager) {
             const t = n.value?.rowMoveManager?.columnId ?? "_move";
-            Ce(t, e);
+            ge(t, e);
           }
           if (n.value.enableCheckboxSelector) {
             const t = n.value?.checkboxSelector?.columnId ?? "_checkbox_selector";
-            Ce(t, e);
+            ge(t, e);
           }
           if (n.value.enableRowDetailView) {
             const t = n.value?.rowDetailView?.columnId ?? "_detail_selector";
-            Ce(t, e);
+            ge(t, e);
           }
           e.forEach((t) => t.originalWidth = t.width), l?.setColumns(e), c.visibleColumns = e;
         }
       }
     }
-    function ve() {
+    function Ce() {
       n.value && n.value.presets && (Array.isArray(n.value.presets.filters) || Array.isArray(n.value.presets?.treeData?.toggledItems)) && v.populateColumnFilterSearchTermPresets(n.value.presets?.filters || []);
     }
-    function Ve(e) {
-      if (n.value && R.value) {
-        if (k.value = Array.isArray(e) ? e.length : 0, R.value && m?.getPagingInfo) {
+    function Fe(e) {
+      if (n.value && A.value) {
+        if (k.value = Array.isArray(e) ? e.length : 0, A.value && m?.getPagingInfo) {
           const i = m.getPagingInfo();
-          "totalRows" in i && R.value.totalItems !== i.totalRows && (k.value = i.totalRows || 0);
+          "totalRows" in i && A.value.totalItems !== i.totalRows && (k.value = i.totalRows || 0);
         }
-        R.value.totalItems = k.value;
-        const t = ke(n.value, R.value);
-        Fe(t);
+        A.value.totalItems = k.value;
+        const t = xe(n.value, A.value);
+        Te(t);
       }
     }
-    function _e() {
+    function Ve() {
       const e = n.value?.presets;
       if (n.value && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && l?.getSelectionModel() && e?.rowSelection && (Array.isArray(e.rowSelection.gridRowIndexes) || Array.isArray(e.rowSelection.dataContextIds))) {
         let i = e.rowSelection.dataContextIds, r = e.rowSelection.gridRowIndexes;
@@ -1121,65 +1118,65 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
     function ne(e) {
       return !!(e || n.value).backendServiceApi?.service.options?.infiniteScroll;
     }
-    function yt(e) {
+    function At(e) {
       e.gridId = a.gridId, e.gridContainerId = `slickGridContainer-${a.gridId}`;
       const t = fn(!0, {}, Ze, e);
       return ne(e) || (e.enablePagination = !!(e.backendServiceApi && e.enablePagination === void 0 || e.enablePagination)), t?.pagination && (e.enablePagination || e.backendServiceApi) && e.pagination && Array.isArray(e.pagination.pageSizes) && (t.pagination.pageSizes = e.pagination.pageSizes), Y = t.showHeaderRow === !1, t.enableFiltering && !t.showHeaderRow && (t.showHeaderRow = t.enableFiltering), t && !t.enableFiltering && t.enablePagination && K && (t.enableFiltering = !0, t.showHeaderRow = !1, Y = !0, c && (c.hideHeaderRowAfterPageLoad = !0)), t;
     }
-    function At(e) {
+    function Rt(e) {
       if (Array.isArray(e))
         for (const t of e)
           l && typeof t.init == "function" && t.init(l, C);
     }
-    function Rt() {
+    function Ot() {
       if (h = n.value?.externalResources || [], Array.isArray(h))
         for (const e of h)
-          e?.className === "RxJsResource" && Et(e);
-      n.value.enableRowDetailView && !h.some((e) => e instanceof Qe) && (Z = new Qe(f), Z.create(g.value, n.value), A.addExtensionToList($e.rowDetailView, {
+          e?.className === "RxJsResource" && Dt(e);
+      n.value.enableRowDetailView && !h.some((e) => e instanceof Qe) && (Z = new Qe(f), Z.create(w.value, n.value), y.addExtensionToList($e.rowDetailView, {
         name: $e.rowDetailView,
         instance: Z
       }));
     }
-    function Ot() {
-      Array.isArray(h) && (c.externalRegisteredResources = h), h.some((e) => e instanceof Ne) || h.push(ee), h.some((e) => e instanceof We) || h.push(V), (n.value.createPreHeaderPanel && n.value.createTopHeaderPanel || n.value.createPreHeaderPanel && !n.value.enableDraggableGrouping) && !h.some((e) => e instanceof Ke) && h.push(te), n.value.enableTreeData && !h.some((e) => e instanceof Le) && h.push(I), n.value.enableTranslate && A.translateColumnHeaders(), h.some((e) => e instanceof Ye) || (re = new Ye(), h.push(re)), At(h), n.value.enableRowDetailView && Z && Z.init(l);
+    function Et() {
+      Array.isArray(h) && (c.externalRegisteredResources = h), h.some((e) => e instanceof Ne) || h.push(ee), h.some((e) => e instanceof We) || h.push(V), (n.value.createPreHeaderPanel && n.value.createTopHeaderPanel || n.value.createPreHeaderPanel && !n.value.enableDraggableGrouping) && !h.some((e) => e instanceof Ke) && h.push(te), n.value.enableTreeData && !h.some((e) => e instanceof Le) && h.push(D), n.value.enableTranslate && y.translateColumnHeaders(), h.some((e) => e instanceof Ye) || (ae = new Ye(), h.push(ae)), Rt(h), n.value.enableRowDetailView && Z && Z.init(l);
     }
-    function Et(e) {
-      P = e, O.addRxJsResource(P), Re.addRxJsResource(P), v.addRxJsResource(P), y.addRxJsResource(P), D.addRxJsResource(P), C.registerInstance("RxJsResource", P);
+    function Dt(e) {
+      P = e, R.addRxJsResource(P), Ae.addRxJsResource(P), v.addRxJsResource(P), b.addRxJsResource(P), E.addRxJsResource(P), C.registerInstance("RxJsResource", P);
     }
-    async function Me(e = !0) {
+    async function _e(e = !0) {
       if (l && n.value?.enablePagination && !W && e) {
         if (n.value.customPaginationComponent) {
-          const t = document.createElement("section"), i = Se(n.value.customPaginationComponent).mount(
+          const t = document.createElement("section"), i = we(n.value.customPaginationComponent).mount(
             t
           );
           s.value.appendChild(i.$el), F = i;
         } else
           F = new cn();
         an(() => {
-          F && (F.init(l, D, f, T), F.renderPagination(s.value), W = !0);
+          F && (F.init(l, E, f, T), F.renderPagination(s.value), W = !0);
         });
       } else e || (F?.dispose(), W = !1);
     }
-    function Be(e, t = !1) {
+    function Me(e, t = !1) {
       const i = N;
       let r, d = [];
-      return fe && q.value ? (r = I.sortHierarchicalDataset(q.value), d = r.flat) : Array.isArray(e) && e.length > 0 && (r = I.convertFlatParentChildToTreeDatasetAndSort(
+      return ue && q.value ? (r = D.sortHierarchicalDataset(q.value), d = r.flat) : Array.isArray(e) && e.length > 0 && (r = D.convertFlatParentChildToTreeDatasetAndSort(
         e,
-        g.value || [],
+        w.value || [],
         n.value
       ), c.hierarchicalDataset = r.hierarchical, d = r.flat), e.length > 0 && (t || e.length !== i) && v.refreshTreeDataFilters(d), d;
     }
-    function Ge(e) {
+    function Be(e) {
       return e.some((t) => `${t.id}`.includes(".")) && console.warn(
         '[Slickgrid-Vue] Make sure that none of your Column Definition "id" property includes a dot in its name because that will cause some problems with the Editors. For example if your column definition "field" property is "user.firstName" then use "firstName" as the column "id".'
-      ), e.map((t) => (t.editor?.collectionAsync && St(t), { ...t, editorClass: t.editor?.model }));
+      ), e.map((t) => (t.editor?.collectionAsync && bt(t), { ...t, editorClass: t.editor?.model }));
     }
-    function Dt() {
+    function It() {
       m.getItemCount() > wn && !n.value.silenceWarnings && !n.value.preParseDateColumns && l?.getColumns().some((e) => Xt(e.type)) && console.warn(
         "[Slickgrid-Universal] For getting better perf, we suggest you enable the `preParseDateColumns` grid option, for more info visit => https://ghiscoding.gitbook.io/slickgrid-vue/column-functionalities/sorting#pre-parse-date-columns-for-better-perf"
       );
     }
-    function se(e, t) {
+    function re(e, t) {
       if (l && e.editor) {
         e.editor.collection = t, e.editor.disabled = !1;
         const i = l.getCellEditor();
@@ -1187,7 +1184,7 @@ const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
       }
     }
     return (e, t) => (sn(), rn("div", {
-      id: tt.value,
+      id: nt.value,
       ref_key: "elm",
       ref: s,
       class: "grid-pane"