slickgrid-vue 9.3.0 → 9.5.0

package/README.md

@@ -74,7 +74,7 @@ const gridOptions = ref<GridOption>({ /*...*/ }); // optional grid options
 ### Like it? ⭐ it
 You like **Slickgrid-Vue**? Be sure to upvote ⭐ the project, and perhaps support me with caffeine [☕](https://ko-fi.com/ghiscoding) or sponsor me on GitHub. Any contributions are also very welcome. Thanks
 
-<a href='https://ko-fi.com/ghiscoding' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi3.png?v=6' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
+<a href='https://ko-fi.com/ghiscoding' target='_blank'><img height='36' width='140' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi3.png?v=6' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
 
 ## Latest News & Releases
 Check out the [Releases](https://github.com/ghiscoding/slickgrid-universal/releases) section for all latest News & Releases.

package/dist/index.js

@@ -1,15 +1,15 @@
 import { EventPubSubService as ze } from "@slickgrid-universal/event-pub-sub";
-import { EventPubSubService as kn } from "@slickgrid-universal/event-pub-sub";
-import { unsubscribeAll as xt, createDomElement as He, SlickRowSelectionModel as kt, SlickEventData as Pt, DelimiterType as Tt, EventNamingStyle as we, 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, emptyElement as Jt, collectionObserver as Xt, ExtensionName as $e, isColumnDateType as Qt } from "@slickgrid-universal/common";
+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";
 export * from "@slickgrid-universal/common";
-import { Aggregators as Fn, Enums as Vn, Formatters as _n, GroupTotalFormatters as Mn, SortComparers as Bn, Utilities as Gn } from "@slickgrid-universal/common";
-import { createApp as Se, defineComponent as Zt, mergeModels as en, useAttrs as tn, ref as L, computed as qe, useModel as oe, watch as le, onBeforeUnmount as nn, onMounted as on, inject as an, nextTick as rn, createElementBlock as sn, openBlock as ln, renderSlot as je, createElementVNode as dn } from "vue";
-import { SlickFooterComponent as cn } from "@slickgrid-universal/custom-footer-component";
+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 { SlickFooterComponent as dn } from "@slickgrid-universal/custom-footer-component";
 import { SlickEmptyWarningComponent as Ye } from "@slickgrid-universal/empty-warning-component";
-import { SlickPaginationComponent as un } from "@slickgrid-universal/pagination-component";
-import { extend as Je } from "@slickgrid-universal/utils";
-import { SlickRowDetailView as fn } from "@slickgrid-universal/row-detail-view-plugin";
-var Xe = Object.prototype.hasOwnProperty;
+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) {
   var a, s;
   if (u === o) return !0;
@@ -24,14 +24,14 @@ function ce(u, o) {
     if (!a || typeof u == "object") {
       s = 0;
       for (a in u)
-        if (Xe.call(u, a) && ++s && !Xe.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) || !ce(u[a], o[a])) return !1;
       return Object.keys(o).length === s;
     }
   }
   return u !== u && o !== o;
 }
-const de = "container_", Qe = "container_loading";
-class Ze extends fn {
+const de = "container_", Xe = "container_loading";
+class Qe extends mn {
   constructor(o) {
     super(o), this.eventPubSubService = o;
   }
@@ -56,7 +56,7 @@ class Ze extends fn {
   }
   /** Dispose of the RowDetailView Extension */
   dispose() {
-    this.disposeAllViewComponents(), xt(this._subscriptions), super.dispose();
+    this.disposeAllViewComponents(), It(this._subscriptions), super.dispose();
   }
   /** Dispose of all the opened Row Detail Panels Components */
   disposeAllViewComponents() {
@@ -85,7 +85,7 @@ class Ze extends fn {
       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: `${Qe}` })), 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 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) => {
+    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) => {
       typeof this.rowDetailViewOptions?.onAsyncResponse == "function" && this.rowDetailViewOptions.onAsyncResponse(a, s);
     }), this._eventHandler.subscribe(this.onAsyncEndUpdate, async (a, s) => {
       this._preloadApp?.unmount(), queueMicrotask(async () => {
@@ -130,7 +130,7 @@ class Ze extends fn {
   }
   /** Render (or re-render) the View Component (Row Detail) */
   renderPreloadView(o) {
-    const a = this.gridContainerElement.querySelector(`.${Qe}`);
+    const a = this.gridContainerElement.querySelector(`.${Xe}`);
     if (this._preloadComponent && a) {
       const s = this._views.find((x) => x.id === o[this.datasetIdPropName]), p = {
         model: o,
@@ -209,7 +209,7 @@ class Ze extends fn {
    * @param item
    */
   notifyTemplate(o) {
-    this.onAsyncResponse.notify({ item: o }, new Pt(), this);
+    this.onAsyncResponse.notify({ item: o }, new kt(), this);
   }
   /**
    * On Processing, we will notify the plugin with the new item detail once backend server call completes
@@ -227,7 +227,7 @@ class Ze extends fn {
     }
   }
 }
-const et = {
+const Ze = {
   alwaysShowVerticalScroll: !0,
   autoEdit: !1,
   asyncEditorLoading: !1,
@@ -258,7 +258,7 @@ const et = {
   columnPicker: {
     hideForceFitButton: !1,
     hideSyncResizeButton: !0,
-    headerColumnValueExtractor: tt
+    headerColumnValueExtractor: et
   },
   compositeEditorOptions: {
     labels: {
@@ -325,7 +325,7 @@ const et = {
     // but disable it when using backend services
   },
   datasetIdPropertyName: "id",
-  defaultFilter: Ft.input,
+  defaultFilter: Tt.input,
   defaultBackendServiceFilterTypingDebounce: 500,
   defaultColumnSortFieldId: "id",
   defaultFilterPlaceholder: "🔎︎",
@@ -376,7 +376,7 @@ const et = {
     sanitizeDataExport: !1
   },
   textExportOptions: {
-    delimiter: Tt.comma,
+    delimiter: Pt.comma,
     exportWithFormatter: !1,
     filename: "export",
     format: "csv",
@@ -427,7 +427,7 @@ const et = {
     iconTogglePreHeaderCommand: "mdi mdi-flip-vertical",
     menuWidth: 16,
     resizeOnShowHeaderRow: !0,
-    headerColumnValueExtractor: tt
+    headerColumnValueExtractor: et
   },
   headerMenu: {
     autoAlign: !0,
@@ -436,6 +436,7 @@ const et = {
     iconClearFilterCommand: "mdi mdi-filter-remove-outline",
     iconClearSortCommand: "mdi mdi-sort-variant-off",
     iconFreezeColumns: "mdi mdi-pin-outline",
+    iconUnfreezeColumns: "mdi mdi-pin-off-outline",
     iconSortAscCommand: "mdi mdi-sort-ascending",
     iconSortDescCommand: "mdi mdi-sort-descending",
     iconColumnHideCommand: "mdi mdi-close",
@@ -490,13 +491,13 @@ const et = {
     exportIndentationLeadingChar: "͏͏͏͏͏͏͏͏͏·"
   }
 };
-function tt(u, o) {
+function et(u, o) {
   let a = u?.columnPickerLabel ?? u?.name ?? "";
   (a instanceof HTMLElement || a instanceof DocumentFragment) && (a = a.textContent || "");
   const s = u?.columnGroup || "", p = o?.columnGroupSeparator ?? " - ";
   return s ? s + p + a : a;
 }
-class mn {
+class pn {
   container = {};
   get(o) {
     return this.container[o];
@@ -505,7 +506,7 @@ class mn {
     this.container[o] = a;
   }
 }
-class pn {
+class hn {
   i18n;
   /** I18Next instance setter */
   set i18nInstance(o) {
@@ -535,7 +536,7 @@ class pn {
     return this.i18n?.t(o) || "";
   }
 }
-function hn(u) {
+function gn(u) {
   if (Array.isArray(u))
     for (; u.length > 0; ) {
       const o = u.pop();
@@ -543,9 +544,9 @@ function hn(u) {
     }
   return u;
 }
-const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
+const Cn = ["id"], vn = ["id"], wn = 1e4, In = /* @__PURE__ */ Qt({
   __name: "SlickgridVue",
-  props: /* @__PURE__ */ en({
+  props: /* @__PURE__ */ Zt({
     header: {},
     footer: {},
     extensions: {},
@@ -682,11 +683,11 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
   }),
   emits: ["update:options", "update:pagination", "update:columns", "update:data", "update:hierarchical"],
   setup(u) {
-    const o = tn(), a = u, s = L(), p = L(), I = L(null), n = L({}), x = L(0), nt = qe(() => `slickGridContainer-${a.gridId}`), be = qe(() => Oe.value?.backendServiceApi?.service);
+    const o = en(), a = u, s = L(), p = L(), I = L(null), n = L({}), x = L(0), tt = qe(() => `slickGridContainer-${a.gridId}`), be = qe(() => Oe.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, k;
-    const it = new Vt(), z = new _t(), f = new ze();
+    const nt = new Ft(), z = new Vt(), f = new ze();
     f.eventNamingStyle = we.camelCaseWithExtraOnPrefix;
-    const C = new mn(), P = new pn(), E = new Mt(), $ = new Bt(), c = new Gt(), pe = new zt(P), he = new Ht(c, E, P), Re = new Lt(it, P, pe), w = new Nt(Re, f, c, E), O = new Wt(f), y = new Kt(pe, c, f, E), T = new Le(f, c, y), D = new Ut(f, c, E), A = new $t(
+    const C = new pn(), P = new hn(), E = new _t(), $ = new Mt(), c = new Bt(), pe = new Gt(P), he = new zt(c, E, P), Re = new Ht(nt, P, pe), w = new Lt(Re, f, c, E), O = new Nt(f), y = new Wt(pe, c, f, E), T = new Le(f, c, y), D = new Kt(f, c, E), A = new Ut(
       he,
       w,
       f,
@@ -725,9 +726,9 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
     ];
     C.registerInstance("PubSubService", f), C.registerInstance("EventPubSubService", f), C.registerInstance("ExtensionUtility", he), C.registerInstance("FilterService", w), 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", O), C.registerInstance("SharedService", c), C.registerInstance("SortService", y), C.registerInstance("TranslaterService", P), C.registerInstance("TreeDataService", T);
     const Oe = oe(u, "options");
-    n.value = { ...et, ...Oe.value };
-    const R = L(), ot = oe(u, "pagination");
-    le(ot, (e) => gt(e));
+    n.value = { ...Ze, ...Oe.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");
@@ -735,7 +736,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
       M,
       (e) => {
         const t = N, i = ce(e, M.value || []);
-        let d = !!n.value?.enableDeepCopyDatasetOnPageLoad ? Je(!0, [], e) : e;
+        let d = !!n.value?.enableDeepCopyDatasetOnPageLoad ? un(e) : e;
         l && n.value?.enableTreeData && Array.isArray(e) && (e.length > 0 || e.length !== t || !i) && (fe = !1, d = Be(e, !i)), xe(d || []), N = (e || []).length, l && n.value?.autoFitColumnsOnFirstLoad && t === 0 && !J && (l.autosizeColumns(), J = !0);
       },
       { immediate: !0 }
@@ -751,9 +752,9 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }), fe = !0);
       },
       { immediate: !0 }
-    ), Y = n.value?.showHeaderRow === !1, nn(() => {
+    ), Y = n.value?.showHeaderRow === !1, tn(() => {
       Ie();
-    }), on(() => {
+    }), nn(() => {
       if (!_.value)
         throw new Error(
           "Using `<Slickgrid-Vue>` requires `v-model:columns` props, it seems that you might have forgot to provide the missing bindable model."
@@ -774,47 +775,47 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
             }
           }
       }
-      if (at(), 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 (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) {
         const e = M.value || [];
         if (Array.isArray(e)) {
           const t = e.length;
           ge(t < 1);
         }
       }
-      n.value.darkMode && Pe(!0), q.value && (c.hierarchicalDataset = q.value || []), It(), wt();
+      n.value.darkMode && Pe(!0), q.value && (c.hierarchicalDataset = q.value || []), Dt(), vt();
     });
     function De(e) {
-      e && (g.value = e), ue && vt(g.value), g.value.length > 0 && St(g.value);
+      e && (g.value = e), ue && Ct(g.value), g.value.length > 0 && wt(g.value);
     }
-    function at() {
+    function ot() {
       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 = P, 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 = At(n.value), R.value = n.value?.pagination, G = n.value?.backendServiceApi, K = !G, n.value?.enableTranslate || n.value?.i18n)
-        if (B = an("i18next", null), B)
+      if (n.value.translater = P, 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 (B = on("i18next", null), B)
           P.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 && dt(n.value);
+      n.value?.backendServiceApi && !n.value.backendServiceApi?.disableInternalPostProcess && lt(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 qt(), c.groupItemMetadataProvider = j, t = { ...t, groupItemMetadataProvider: j }), m = new jt(t, f), f.publish("onDataviewCreated", m), Et(), 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 Yt(
+      (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(
         `#${a.gridId}`,
         m,
         g.value,
         n.value,
         f
-      ), c.dataView = m, c.slickGrid = l, c.gridContainerElement = s.value, j && l.registerPlugin(j), A.bindDifferentExtensions(), ct(l, n.value, m);
+      ), 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();
+      i >= 0 && i <= g.value.length && g.value.length > 0 && (c.frozenVisibleColumnId = g.value[i]?.id ?? ""), Et(), l.init();
       const r = s.value;
-      if (r && O.init(l, r), !n.value?.enablePagination && n.value?.showCustomFooter && n.value?.customFooterOptions && r && (Q = new cn(l, n.value?.customFooterOptions, f, P), Q.renderFooter(r)), m) {
+      if (r && O.init(l, r), !n.value?.enablePagination && n.value?.showCustomFooter && n.value?.customFooterOptions && r && (Q = new dn(l, n.value?.customFooterOptions, f, P), Q.renderFooter(r)), m) {
         const v = n.value?.enableTreeData ? Be(M.value || []) : M.value;
         if (Array.isArray(v) && m.setItems(v, n.value.datasetIdPropertyName ?? "id"), l?.getSelectionModel() && n.value?.dataView && "syncGridSelection" in n.value.dataView) {
           let S = !1;
@@ -827,14 +828,14 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }
         M.value?.length && (!ae && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && _e(), ve(), ae = !0);
       }
-      Y && (Ct(!1), c.hideHeaderRowAfterPageLoad = Y), f.publish("onGridCreated", l), pt(l, n.value), mt(l, n.value), n.value?.backendServiceApi && ut(n.value);
+      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 = {
         element: s.value,
         // Slick Grid & DataView objects
         dataView: m,
         slickGrid: l,
         // public methods
-        dispose: rt,
+        dispose: at,
         // return all available Services (non-singleton)
         backendService: be.value,
         eventPubSubService: f,
@@ -853,9 +854,9 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
       p.value = A?.extensionList, I.value = d, f.publish("onVueGridCreated", d);
     }
     function Ie(e = !1) {
-      if (f.publish("onBeforeGridDestroy", l), z?.unsubscribeAll(), typeof B?.off == "function" && B.off("languageChanged"), e && lt(), ye.forEach((t) => t?.disconnect()), f.publish("onAfterGridDestroyed", !0), Ee.forEach((t) => {
+      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), Ee.forEach((t) => {
         t?.dispose && t.dispose();
-      }), Ee = [], be.value?.dispose?.(), st(), re?.dispose(), Q?.dispose(), F?.dispose(), m && (m.setItems && m.setItems([]), m.destroy && m.destroy()), l?.destroy && l.destroy(e), U = hn(U), G) {
+      }), Ee = [], 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) {
         for (const t of Object.keys(G))
           G[t] = null;
         G = void 0;
@@ -865,10 +866,10 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
       for (const t of Object.keys(c))
         c[t] = null;
     }
-    function rt(e = !1) {
+    function at(e = !1) {
       Ie(e);
     }
-    function st() {
+    function rt() {
       if (Array.isArray(h))
         for (; h.length > 0; ) {
           const e = h.pop();
@@ -876,11 +877,11 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }
       h = [];
     }
-    function lt() {
+    function st() {
       const e = n.value?.gridContainerId ?? "grid1", t = document.querySelector(`#${e}`);
-      Jt(t);
+      Yt(t);
     }
-    function dt(e) {
+    function lt(e) {
       const t = e?.backendServiceApi;
       if (t?.service) {
         const i = t.service;
@@ -893,7 +894,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         });
       }
     }
-    function ct(e, t, i) {
+    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());
       }), t.backendServiceApi) {
@@ -904,7 +905,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         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);
-      }), yt(), ve(), z.subscribe(i.onRowCountChanged, (r, d) => {
+      }), 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);
       }), z.subscribe(i.onSetItemsCalled, (r, d) => {
         c.isItemsDateParsed = !1, Te(i.getFilteredItemCount() || 0, d.itemCount), d.itemCount > 0 && (t.autosizeColumnsByCellContentOnFirstLoad || t.enableAutoResizeColumnsByCellContent) && O.resizeColumnsByCellContent(!t?.resizeByContentOnlyOnFirstLoad);
@@ -915,7 +916,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }
       })));
     }
-    function ut(e) {
+    function ct(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) {
@@ -947,10 +948,10 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
             );
           });
         }
-        t.service.options?.infiniteScroll && ft();
+        t.service.options?.infiniteScroll && ut();
       }
     }
-    function ft() {
+    function ut() {
       if (l && n.value.backendServiceApi && ne() && !n.value.backendServiceApi?.onScrollEnd) {
         const e = () => {
           E.setInfiniteScrollBottomHit(!0), D.goToNextPage().then((i) => {
@@ -967,20 +968,20 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         };
       }
     }
-    function mt(e, t) {
+    function ft(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 ? O.resizeGrid(0, { height: t.gridHeight, width: t.gridWidth }) : O.resizeGrid(), e && t?.enableAutoResize && t.autoFitColumnsOnFirstLoad && t.enableAutoSizeColumns && !J && (e.autosizeColumns(), J = !0);
     }
-    function pt(e, t) {
+    function mt(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);
       }
     }
-    function ht(e) {
+    function pt(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;
@@ -989,7 +990,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         gridState: V.getCurrentGridState()
       });
     }
-    function gt(e) {
+    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 xe(e, t) {
@@ -1011,7 +1012,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }
       }
     }
-    function Ct(e = !0) {
+    function gt(e = !0) {
       return l?.setHeaderRowVisibility(e), e === !0 && ue && l?.setColumns(_.value), e;
     }
     function ke(e, t) {
@@ -1020,13 +1021,13 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
     function Pe(e = !1) {
       e ? c.gridContainerElement?.classList.add("slick-dark-mode") : c.gridContainerElement?.classList.remove("slick-dark-mode");
     }
-    function vt(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 && O?.resizeColumnsByCellContent && O.resizeColumnsByCellContent());
     }
-    function wt() {
-      ye.push(Xt(_.value, De));
+    function vt() {
+      ye.push(Jt(_.value, De));
     }
-    function St(e) {
+    function wt(e) {
       e.forEach((t) => t.originalWidth = t.width);
     }
     function ge(e = !0) {
@@ -1042,13 +1043,13 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
     }
     function Fe(e) {
       n.value && (D.totalItems = x.value, D.init(l, e, G), U.push(
-        f.subscribe("onPaginationChanged", (t) => ht(t)),
+        f.subscribe("onPaginationChanged", (t) => pt(t)),
         f.subscribe("onPaginationVisibilityChanged", (t) => {
           X = t?.visible ?? !1, n.value?.backendServiceApi && E?.refreshBackendDataset(n.value), Me(X);
         })
       ), Me(), W = !0);
     }
-    function bt(e) {
+    function St(e) {
       if (e?.editor) {
         const t = e.editor.collectionAsync;
         e.editor.disabled = !0, t instanceof Promise ? t.then((i) => {
@@ -1071,7 +1072,7 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         }
       }
     }
-    function yt() {
+    function bt() {
       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)) {
@@ -1120,29 +1121,29 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
     function ne(e) {
       return !!(e || n.value).backendServiceApi?.service.options?.infiniteScroll;
     }
-    function At(e) {
+    function yt(e) {
       e.gridId = a.gridId, e.gridContainerId = `slickGridContainer-${a.gridId}`;
-      const t = Je(!0, {}, et, e);
+      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 Rt(e) {
+    function At(e) {
       if (Array.isArray(e))
         for (const t of e)
           l && typeof t.init == "function" && t.init(l, C);
     }
-    function Et() {
+    function Rt() {
       if (h = n.value?.externalResources || [], Array.isArray(h))
         for (const e of h)
-          e?.className === "RxJsResource" && Dt(e);
-      n.value.enableRowDetailView && !h.some((e) => e instanceof Ze) && (Z = new Ze(f), Z.create(g.value, n.value), A.addExtensionToList($e.rowDetailView, {
+          e?.className === "RxJsResource" && Ot(e);
+      n.value.enableRowDetailView && !h.some((e) => e instanceof Qe) && (Z = new Qe(f), Z.create(g.value, n.value), A.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(T), n.value.enableTranslate && A.translateColumnHeaders(), h.some((e) => e instanceof Ye) || (re = new Ye(), h.push(re)), Rt(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(T), 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 Dt(e) {
+    function Ot(e) {
       k = e, E.addRxJsResource(k), Re.addRxJsResource(k), w.addRxJsResource(k), y.addRxJsResource(k), D.addRxJsResource(k), C.registerInstance("RxJsResource", k);
     }
     async function Me(e = !0) {
@@ -1153,8 +1154,8 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
           );
           s.value.appendChild(i.$el), F = i;
         } else
-          F = new un();
-        rn(() => {
+          F = new cn();
+        an(() => {
           F && (F.init(l, D, f, P), F.renderPagination(s.value), W = !0);
         });
       } else e || (F?.dispose(), W = !1);
@@ -1169,12 +1170,12 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
       ), c.hierarchicalDataset = r.hierarchical, d = r.flat), e.length > 0 && (t || e.length !== i) && w.refreshTreeDataFilters(d), d;
     }
     function Ge(e) {
-      return e.some((t) => `${t.id}`.includes(".")) && console.error(
+      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 && bt(t), { ...t, editorClass: t.editor?.model }));
+      ), e.map((t) => (t.editor?.collectionAsync && St(t), { ...t, editorClass: t.editor?.model }));
     }
-    function It() {
-      m.getItemCount() > vn && !n.value.silenceWarnings && !n.value.preParseDateColumns && l?.getColumns().some((e) => Qt(e.type)) && console.warn(
+    function Dt() {
+      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"
       );
     }
@@ -1185,32 +1186,32 @@ const gn = ["id"], Cn = ["id"], vn = 1e4, Dn = /* @__PURE__ */ Zt({
         i?.disable && i?.renderDomElement && (i.destroy(), i.disable(!1), i.renderDomElement(t));
       }
     }
-    return (e, t) => (ln(), sn("div", {
-      id: nt.value,
+    return (e, t) => (sn(), rn("div", {
+      id: tt.value,
       ref_key: "elm",
       ref: s,
       class: "grid-pane"
     }, [
       je(e.$slots, "header"),
-      dn("div", {
+      ln("div", {
         id: e.gridId,
         class: "slickgrid-container"
-      }, null, 8, Cn),
+      }, null, 8, vn),
       je(e.$slots, "footer")
-    ], 8, gn));
+    ], 8, Cn));
   }
 });
 export {
-  Fn as Aggregators,
-  Vn as Enums,
-  kn as EventPubSubService,
-  _n as Formatters,
-  Mn as GroupTotalFormatters,
-  Ze as SlickRowDetailView,
-  Dn as SlickgridVue,
-  Bn as SortComparers,
-  pn as TranslaterI18NextService,
-  Gn as Utilities,
-  hn as disposeAllSubscriptions
+  Vn as Aggregators,
+  _n as Enums,
+  Pn as EventPubSubService,
+  Mn as Formatters,
+  Bn as GroupTotalFormatters,
+  Qe as SlickRowDetailView,
+  In as SlickgridVue,
+  Gn as SortComparers,
+  hn as TranslaterI18NextService,
+  zn as Utilities,
+  gn as disposeAllSubscriptions
 };
 //# sourceMappingURL=index.js.map