slickgrid-vue 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1286 @@
+var Qt = Object.defineProperty;
+var Zt = (c, a, o) => a in c ? Qt(c, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : c[a] = o;
+var W = (c, a, o) => Zt(c, typeof a != "symbol" ? a + "" : a, o);
+import { unsubscribeAll as en, SlickRowSelectionModel as tn, addToArrayWhenNotExists as nn, SlickEventData as on, Filters as an, OperatorType as rn, EventNamingStyle as Pe, FileType as lt, DelimiterType as sn, SlickgridConfig as ln, SlickEventHandler as dn, BackendUtilityService as un, GridEventService as cn, SharedService as fn, CollectionService as mn, ExtensionUtility as hn, FilterFactory as pn, FilterService as vn, ResizerService as Cn, SortService as gn, TreeDataService as dt, PaginationService as Sn, ExtensionService as wn, GridStateService as ut, GridService as ct, HeaderGroupingService as ft, SlickGroupItemMetadataProvider as bn, SlickDataView as yn, autoAddEditorFormatterToColumnsWithEditor as mt, SlickGrid as En, emptyElement as An, ExtensionName as ht, isColumnDateType as Rn, GridStateType as xn } from "@slickgrid-universal/common";
+export * from "@slickgrid-universal/common";
+import { Aggregators as ri, Enums as si, Formatters as li, GroupTotalFormatters as di, SortComparers as ui, Utilities as ci } from "@slickgrid-universal/common";
+import { EventPubSubService as pt } from "@slickgrid-universal/event-pub-sub";
+import { EventPubSubService as mi } from "@slickgrid-universal/event-pub-sub";
+import { createApp as Oe, defineComponent as Dn, mergeModels as In, useAttrs as Pn, ref as J, computed as vt, useModel as pe, watch as ge, onBeforeUnmount as On, onMounted as Tn, nextTick as _n, openBlock as kn, createElementBlock as Fn, renderSlot as Ct, createElementVNode as Bn } from "vue";
+import { SlickFooterComponent as Vn } from "@slickgrid-universal/custom-footer-component";
+import { SlickEmptyWarningComponent as gt } from "@slickgrid-universal/empty-warning-component";
+import { SlickPaginationComponent as Mn } from "@slickgrid-universal/pagination-component";
+import { extend as St } from "@slickgrid-universal/utils";
+import { useTranslation as Rt } from "i18next-vue";
+import { SlickRowDetailView as Gn } from "@slickgrid-universal/row-detail-view-plugin";
+class ti {
+  constructor(a) {
+    this._value = null, this._boundedEventWithListeners = [], this._elementBindings = [], this._binding = a, this._property = a.property || "", this._elementBindings = [], a.property && a.variable && (a.variable.hasOwnProperty(a.property) || a.property in a.variable) ? this._value = a.variable[a.property] : this._value = a.variable, typeof a.variable == "object" && Object.defineProperty(a.variable, a.property, {
+      get: this.valueGetter.bind(this),
+      set: this.valueSetter.bind(this)
+    });
+  }
+  get boundedEventWithListeners() {
+    return this._boundedEventWithListeners;
+  }
+  get elementBindings() {
+    return this._elementBindings;
+  }
+  get property() {
+    return this._property;
+  }
+  dispose() {
+    this.unbindAll(), this._boundedEventWithListeners = [], this._elementBindings = [];
+  }
+  valueGetter() {
+    return this._value;
+  }
+  valueSetter(a) {
+    if (this._value = a, Array.isArray(this._elementBindings))
+      for (const o of this._elementBindings)
+        o != null && o.element && (o != null && o.attribute) && (o.element[o.attribute] = a);
+  }
+  /**
+   * Add binding to 1 or more DOM Element by an object attribute and optionally on an event, we can do it in couple ways
+   * 1- if there's no event provided, it will simply replace the DOM elemnt (by an attribute), for example an innerHTML
+   * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
+   *    2.1- we could also provide an extra callback method to execute when the event gets triggered
+   */
+  bind(a, o, l, f) {
+    return a && a.forEach ? a.forEach((h) => this.bindSingleElement(h, o, l, f)) : a && this.bindSingleElement(a, o, l, f), this;
+  }
+  /** Unbind (remove) an element event listener */
+  unbind(a, o, l, f, h) {
+    if (a) {
+      a.removeEventListener(o, l, f);
+      const S = this._boundedEventWithListeners.findIndex((n) => n.uid === h);
+      S >= 0 && this._boundedEventWithListeners.splice(S, 1);
+    }
+  }
+  /** Unbind All (remove) bounded elements with listeners */
+  unbindAll() {
+    let a = this._boundedEventWithListeners.pop();
+    for (; a; ) {
+      const { element: o, eventName: l, listener: f, uid: h } = a;
+      this.unbind(o, l, f, void 0, h), a = this._boundedEventWithListeners.pop();
+    }
+    this._boundedEventWithListeners = [];
+  }
+  /**
+   * Add binding to a single element by an object attribute and optionally on an event, we can do it in couple ways
+   * 1- if there's no event provided, it will simply replace the DOM element (by an attribute), for example an innerHTML
+   * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
+   *    2.1- we could also provide an extra callback method to execute when the event gets triggered
+   */
+  bindSingleElement(a, o, l, f) {
+    const h = { element: a, attribute: o };
+    if (a) {
+      if (l) {
+        const S = () => {
+          let n = a[o];
+          if (this.hasData(n) && (a == null ? void 0 : a.type) === "number" && (n = +n), this.valueSetter(n), (this._binding.variable.hasOwnProperty(this._binding.property) || this._binding.property in this._binding.variable) && (this._binding.variable[this._binding.property] = this.valueGetter()), typeof f == "function")
+            return f(this.valueGetter());
+        };
+        h.event = l, h.listener = S, a.addEventListener(l, S), this._boundedEventWithListeners.push({ element: a, eventName: l, listener: S, uid: this.generateUuidV4() });
+      }
+      this._elementBindings.push(h), a[o] = this._value;
+    }
+  }
+  /** Generate a UUID version 4 RFC compliant */
+  generateUuidV4() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a) => {
+      const o = Math.random() * 16 | 0;
+      return (a === "x" ? o : o & 3 | 8).toString(16);
+    });
+  }
+  hasData(a) {
+    return a != null && a !== "";
+  }
+}
+var wt = Object.prototype.hasOwnProperty;
+function we(c, a) {
+  var o, l;
+  if (c === a) return !0;
+  if (c && a && (o = c.constructor) === a.constructor) {
+    if (o === Date) return c.getTime() === a.getTime();
+    if (o === RegExp) return c.toString() === a.toString();
+    if (o === Array) {
+      if ((l = c.length) === a.length)
+        for (; l-- && we(c[l], a[l]); ) ;
+      return l === -1;
+    }
+    if (!o || typeof c == "object") {
+      l = 0;
+      for (o in c)
+        if (wt.call(c, o) && ++l && !wt.call(a, o) || !(o in a) || !we(c[o], a[o])) return !1;
+      return Object.keys(a).length === l;
+    }
+  }
+  return c !== c && a !== a;
+}
+const Se = "container_", bt = "container_loading";
+class yt extends Gn {
+  constructor(o) {
+    super(o);
+    W(this, "_component");
+    W(this, "_preloadComponent");
+    W(this, "_views", []);
+    W(this, "_subscriptions", []);
+    W(this, "_userProcessFn");
+    W(this, "gridContainerElement");
+    this.eventPubSubService = o;
+  }
+  get addonOptions() {
+    return this.getOptions();
+  }
+  get datasetIdPropName() {
+    return this.gridOptions.datasetIdPropertyName || "id";
+  }
+  get eventHandler() {
+    return this._eventHandler;
+  }
+  set eventHandler(o) {
+    this._eventHandler = o;
+  }
+  get gridOptions() {
+    var o;
+    return ((o = this._grid) == null ? void 0 : o.getOptions()) || {};
+  }
+  get rowDetailViewOptions() {
+    return this.gridOptions.rowDetailView;
+  }
+  /** Dispose of the RowDetailView Extension */
+  dispose() {
+    this.disposeAllViewComponents(), en(this._subscriptions), super.dispose();
+  }
+  /** Dispose of all the opened Row Detail Panels Components */
+  disposeAllViewComponents() {
+    Array.isArray(this._views) && this._views.forEach((o) => this.disposeViewComponent(o)), this._views = [];
+  }
+  /** Get the instance of the SlickGrid addon (control or plugin). */
+  getAddonInstance() {
+    return this;
+  }
+  init(o) {
+    this._grid = o, super.init(this._grid), this.gridContainerElement = o.getContainerNode(), this.register(o == null ? void 0 : o.getSelectionModel());
+  }
+  /**
+   * Create the plugin before the Grid creation, else it will behave oddly.
+   * Mostly because the column definitions might change after the grid creation
+   */
+  register(o) {
+    var l, f, h, S, n, P, M, F;
+    if (typeof ((l = this.gridOptions.rowDetailView) == null ? void 0 : l.process) == "function")
+      this._userProcessFn = this.gridOptions.rowDetailView.process, this.addonOptions.process = (C) => this.onProcessing(C);
+    else
+      throw new Error('[Slickgrid-React] You need to provide a "process" function for the Row Detail Extension to work properly');
+    return this._grid && ((f = this.gridOptions) != null && f.rowDetailView) && (this.gridOptions.rowDetailView.preTemplate || (this._preloadComponent = (S = (h = this.gridOptions) == null ? void 0 : h.rowDetailView) == null ? void 0 : S.preloadComponent, this.addonOptions.preTemplate = () => this._grid.sanitizeHtmlString(`<div class="${bt}"></div>`)), this.gridOptions.rowDetailView.postTemplate || (this._component = (P = (n = this.gridOptions) == null ? void 0 : n.rowDetailView) == null ? void 0 : P.viewComponent, this.addonOptions.postTemplate = (C) => this._grid.sanitizeHtmlString(
+      `<div class="${Se}${C[this.datasetIdPropName]}"></div>`
+    )), this._grid && this.gridOptions && ((!o || !this._grid.getSelectionModel()) && (o = new tn(this.gridOptions.rowSelectionOptions || { selectActiveRow: !0 }), this._grid.setSelectionModel(o)), this._grid && this.rowDetailViewOptions && (this.rowDetailViewOptions.onExtensionRegistered && this.rowDetailViewOptions.onExtensionRegistered(this), this.onAsyncResponse && this._eventHandler.subscribe(this.onAsyncResponse, (C, u) => {
+      var s;
+      typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onAsyncResponse) == "function" && this.rowDetailViewOptions.onAsyncResponse(C, u);
+    }), this.onAsyncEndUpdate && this._eventHandler.subscribe(this.onAsyncEndUpdate, async (C, u) => {
+      var s;
+      await this.renderViewModel(u == null ? void 0 : u.item), typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onAsyncEndUpdate) == "function" && this.rowDetailViewOptions.onAsyncEndUpdate(C, u);
+    }), this.onAfterRowDetailToggle && this._eventHandler.subscribe(this.onAfterRowDetailToggle, async (C, u) => {
+      var s;
+      await this.renderPreloadView(u.item), this.renderAllViewModels(), typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onAfterRowDetailToggle) == "function" && this.rowDetailViewOptions.onAfterRowDetailToggle(C, u);
+    }), this.onBeforeRowDetailToggle && this._eventHandler.subscribe(this.onBeforeRowDetailToggle, (C, u) => {
+      var s;
+      return this.handleOnBeforeRowDetailToggle(C, u), typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onBeforeRowDetailToggle) == "function" ? this.rowDetailViewOptions.onBeforeRowDetailToggle(C, u) : !0;
+    }), this.onRowBackToViewportRange && this._eventHandler.subscribe(this.onRowBackToViewportRange, async (C, u) => {
+      var s;
+      await this.handleOnRowBackToViewportRange(C, u), typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onRowBackToViewportRange) == "function" && this.rowDetailViewOptions.onRowBackToViewportRange(C, u);
+    }), this.onRowOutOfViewportRange && this._eventHandler.subscribe(this.onRowOutOfViewportRange, (C, u) => {
+      var s;
+      typeof ((s = this.rowDetailViewOptions) == null ? void 0 : s.onRowOutOfViewportRange) == "function" && this.rowDetailViewOptions.onRowOutOfViewportRange(C, u);
+    }), this.eventHandler.subscribe(this._grid.onColumnsReordered, this.redrawAllViewComponents.bind(this)), (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector) && this._eventHandler.subscribe(this._grid.onSelectedRowsChanged, this.redrawAllViewComponents.bind(this)), this._eventHandler.subscribe(this._grid.onSort, this.disposeAllViewComponents.bind(this)), this._subscriptions.push(
+      (M = this.eventPubSubService) == null ? void 0 : M.subscribe(
+        ["onFilterChanged", "onGridMenuColumnsChanged", "onColumnPickerColumnsChanged"],
+        this.redrawAllViewComponents.bind(this)
+      ),
+      (F = this.eventPubSubService) == null ? void 0 : F.subscribe(
+        ["onGridMenuClearAllFilters", "onGridMenuClearAllSorting"],
+        () => window.setTimeout(() => this.redrawAllViewComponents())
+      )
+    )))), this;
+  }
+  /** Redraw (re-render) all the expanded row detail View Components */
+  async redrawAllViewComponents() {
+    await Promise.all(this._views.map(async (o) => this.redrawViewComponent(o)));
+  }
+  /** Render all the expanded row detail View Components */
+  async renderAllViewModels() {
+    await Promise.all(this._views.filter((o) => o == null ? void 0 : o.dataContext).map(async (o) => this.renderViewModel(o.dataContext)));
+  }
+  /** Redraw the necessary View Component */
+  async redrawViewComponent(o) {
+    const l = this.gridContainerElement.getElementsByClassName(`${Se}${o.id}`);
+    (l == null ? void 0 : l.length) >= 0 && await this.renderViewModel(o.dataContext);
+  }
+  /** Render (or re-render) the View Component (Row Detail) */
+  async renderPreloadView(o) {
+    var f, h;
+    const l = this.gridContainerElement.getElementsByClassName(`${bt}`);
+    if (this._preloadComponent && (l != null && l.length)) {
+      const S = this._views.find((C) => C.id === o[this.datasetIdPropName]), n = {
+        model: o,
+        addon: this,
+        grid: this._grid,
+        dataView: this.dataView,
+        // @deprecated @use `parentRef`
+        parent: (f = this.rowDetailViewOptions) == null ? void 0 : f.parent,
+        parentRef: (h = this.rowDetailViewOptions) == null ? void 0 : h.parent
+      }, P = document.createElement("div"), M = Oe(this._preloadComponent, n), F = M.mount(P);
+      n.parent = F, l[l.length - 1].appendChild(F.$el), S && (S.app = M, S.instance = F);
+    }
+  }
+  /** Render (or re-render) the View Component (Row Detail) */
+  async renderViewModel(o) {
+    var f, h;
+    const l = this.gridContainerElement.getElementsByClassName(
+      `${Se}${o[this.datasetIdPropName]}`
+    );
+    if (this._component && (l != null && l.length)) {
+      const S = this._views.find((C) => C.id === o[this.datasetIdPropName]), n = {
+        model: o,
+        addon: this,
+        grid: this._grid,
+        dataView: this.dataView,
+        // @deprecated @use `parentRef`
+        parent: (f = this.rowDetailViewOptions) == null ? void 0 : f.parent,
+        parentRef: (h = this.rowDetailViewOptions) == null ? void 0 : h.parent
+      };
+      S != null && S.app && S.app.unmount();
+      const P = document.createElement("div"), M = Oe(this._component, n), F = M.mount(P);
+      n.parent = M.component, l[l.length - 1].appendChild(F.$el), S || this.addViewInfoToViewsRef(o, M, F);
+    }
+  }
+  // --
+  // protected functions
+  // ------------------
+  addViewInfoToViewsRef(o, l, f) {
+    const h = {
+      id: o[this.datasetIdPropName],
+      dataContext: o,
+      app: l,
+      instance: f
+    }, S = this.gridOptions.datasetIdPropertyName || "id";
+    nn(this._views, h, S);
+  }
+  disposeViewComponent(o) {
+    var l;
+    if (o && o != null && o.instance) {
+      const f = this.gridContainerElement.getElementsByClassName(`${Se}${this._views[0].id}`);
+      if (f != null && f.length)
+        return (l = o.app) == null || l.unmount(), f[0].textContent = "", o;
+    }
+  }
+  /**
+   * Just before the row get expanded or collapsed we will do the following
+   * First determine if the row is expanding or collapsing,
+   * if it's expanding we will add it to our View Components reference array if we don't already have it
+   * or if it's collapsing we will remove it from our View Components reference array
+   */
+  handleOnBeforeRowDetailToggle(o, l) {
+    var f;
+    if ((f = l == null ? void 0 : l.item) != null && f.__collapsed)
+      this.addViewInfoToViewsRef(l.item, null, null);
+    else {
+      const h = this._views.findIndex((S) => S.id === l.item[this.datasetIdPropName]);
+      h >= 0 && this.disposeViewComponent(this._views[h]) && this._views.splice(h, 1);
+    }
+  }
+  /** When Row comes back to Viewport Range, we need to redraw the View */
+  async handleOnRowBackToViewportRange(o, l) {
+    l != null && l.item && await this.redrawAllViewComponents();
+  }
+  /**
+   * notify the onAsyncResponse with the "args.item" (required property)
+   * the plugin will then use item to populate the row detail panel with the "postTemplate"
+   * @param item
+   */
+  notifyTemplate(o) {
+    this.onAsyncResponse && this.onAsyncResponse.notify({ item: o, itemDetail: o }, new on(), this);
+  }
+  /**
+   * On Processing, we will notify the plugin with the new item detail once backend server call completes
+   * @param item
+   */
+  async onProcessing(o) {
+    if (o && typeof this._userProcessFn == "function") {
+      let l;
+      const h = await this._userProcessFn(o);
+      if (this.datasetIdPropName in h ? l = h : h instanceof Response && typeof h.json == "function" ? l = await h.json() : h && h.content && (l = h.content), !l || !(this.datasetIdPropName in l))
+        throw new Error(
+          '[Slickgrid-React] could not process the Row Detail, please make sure that your "process" callback (a Promise or an HttpClient call returning an Observable) returns an item object that has an "${this.datasetIdPropName}" property'
+        );
+      this.notifyTemplate(l || {});
+    }
+  }
+}
+const Et = {
+  alwaysShowVerticalScroll: !0,
+  autoEdit: !1,
+  asyncEditorLoading: !1,
+  autoFitColumnsOnFirstLoad: !0,
+  autoResize: {
+    applyResizeToContainer: !0,
+    calculateAvailableSizeBy: "window",
+    bottomPadding: 20,
+    minHeight: 180,
+    minWidth: 300,
+    rightPadding: 0
+  },
+  cellHighlightCssClass: "slick-cell-modified",
+  checkboxSelector: {
+    cssClass: "slick-cell-checkboxsel",
+    width: 40
+  },
+  cellMenu: {
+    autoAdjustDrop: !0,
+    autoAlignSide: !0,
+    hideCloseButton: !0,
+    hideCommandSection: !1,
+    hideOptionSection: !1
+  },
+  columnGroupSeparator: " - ",
+  columnPicker: {
+    hideForceFitButton: !1,
+    hideSyncResizeButton: !0,
+    headerColumnValueExtractor: At
+  },
+  compositeEditorOptions: {
+    labels: {
+      cancelButtonKey: "CANCEL",
+      cloneButtonKey: "CLONE",
+      resetEditorButtonTooltipKey: "RESET_INPUT_VALUE",
+      resetFormButtonKey: "RESET_FORM",
+      massSelectionButtonKey: "APPLY_TO_SELECTION",
+      massSelectionStatusKey: "X_OF_Y_MASS_SELECTED",
+      massUpdateButtonKey: "APPLY_MASS_UPDATE",
+      massUpdateStatusKey: "ALL_X_RECORDS_SELECTED",
+      saveButtonKey: "SAVE"
+    },
+    resetEditorButtonCssClass: "mdi mdi-refresh mdi-15px",
+    resetFormButtonIconCssClass: "mdi mdi-refresh mdi-16px mdi-flip-h"
+  },
+  contextMenu: {
+    autoAdjustDrop: !0,
+    autoAlignSide: !0,
+    hideCloseButton: !0,
+    hideClearAllGrouping: !1,
+    hideCollapseAllGroups: !1,
+    hideCommandSection: !1,
+    hideCopyCellValueCommand: !1,
+    hideExpandAllGroups: !1,
+    hideExportCsvCommand: !1,
+    hideExportExcelCommand: !1,
+    hideExportTextDelimitedCommand: !0,
+    hideMenuOnScroll: !0,
+    hideOptionSection: !1,
+    iconCollapseAllGroupsCommand: "mdi mdi-arrow-collapse",
+    iconExpandAllGroupsCommand: "mdi mdi-arrow-expand",
+    iconClearGroupingCommand: "mdi mdi-close",
+    iconCopyCellValueCommand: "mdi mdi-content-copy",
+    iconExportCsvCommand: "mdi mdi-download",
+    iconExportExcelCommand: "mdi mdi-file-excel-outline text-success",
+    iconExportTextDelimitedCommand: "mdi mdi-download"
+  },
+  customFooterOptions: {
+    dateFormat: "YYYY-MM-DD, hh:mm a",
+    hideRowSelectionCount: !1,
+    hideTotalItemCount: !1,
+    hideLastUpdateTimestamp: !0,
+    footerHeight: 25,
+    leftContainerClass: "col-xs-12 col-sm-5",
+    rightContainerClass: "col-xs-6 col-sm-7",
+    metricSeparator: "|",
+    metricTexts: {
+      items: "items",
+      itemsKey: "ITEMS",
+      of: "of",
+      ofKey: "OF",
+      itemsSelected: "items selected",
+      itemsSelectedKey: "ITEMS_SELECTED"
+    }
+  },
+  dataView: {
+    // when enabled, this will preserve the row selection even after filtering/sorting/grouping
+    syncGridSelection: {
+      preserveHidden: !1,
+      preserveHiddenOnSelectionChange: !0
+    },
+    syncGridSelectionWithBackendService: !1
+    // but disable it when using backend services
+  },
+  datasetIdPropertyName: "id",
+  defaultFilter: an.input,
+  defaultBackendServiceFilterTypingDebounce: 500,
+  defaultColumnSortFieldId: "id",
+  defaultFilterPlaceholder: "🔎︎",
+  // magnifying glass icon
+  defaultFilterRangeOperator: rn.rangeInclusive,
+  editable: !1,
+  editorTypingDebounce: 450,
+  filterTypingDebounce: 0,
+  enableEmptyDataWarningMessage: !0,
+  enableFilterTrimWhiteSpace: !1,
+  // do we want to trim white spaces on all Filters?
+  emptyDataWarning: {
+    className: "slick-empty-data-warning",
+    message: "No data to display.",
+    messageKey: "EMPTY_DATA_WARNING_MESSAGE",
+    hideFrozenLeftWarning: !1,
+    hideFrozenRightWarning: !1,
+    leftViewportMarginLeft: "40%",
+    rightViewportMarginLeft: "40%",
+    frozenLeftViewportMarginLeft: "0px",
+    frozenRightViewportMarginLeft: "40%"
+  },
+  enableAutoResize: !0,
+  enableAutoSizeColumns: !0,
+  enableCellNavigation: !1,
+  enableColumnPicker: !0,
+  enableColumnReorder: !0,
+  enableColumnResizeOnDoubleClick: !0,
+  enableContextMenu: !0,
+  enableExcelExport: !1,
+  enableTextExport: !1,
+  enableGridMenu: !0,
+  enableHeaderMenu: !0,
+  enableMouseHoverHighlightRow: !0,
+  enableSorting: !0,
+  enableTextSelectionOnCells: !0,
+  eventNamingStyle: Pe.camelCaseWithExtraOnPrefix,
+  explicitInitialization: !0,
+  excelExportOptions: {
+    addGroupIndentation: !0,
+    exportWithFormatter: !1,
+    filename: "export",
+    format: lt.xlsx,
+    groupingColumnHeaderTitle: "Group By",
+    groupCollapsedSymbol: "⮞",
+    groupExpandedSymbol: "⮟",
+    groupingAggregatorRowText: "",
+    sanitizeDataExport: !1
+  },
+  textExportOptions: {
+    delimiter: sn.comma,
+    exportWithFormatter: !1,
+    filename: "export",
+    format: lt.csv,
+    groupingColumnHeaderTitle: "Group By",
+    groupingAggregatorRowText: "",
+    sanitizeDataExport: !1,
+    useUtf8WithBom: !0
+  },
+  forceFitColumns: !1,
+  frozenHeaderWidthCalcDifferential: 1,
+  gridMenu: {
+    dropSide: "left",
+    commandLabels: {
+      clearAllFiltersCommandKey: "CLEAR_ALL_FILTERS",
+      clearAllSortingCommandKey: "CLEAR_ALL_SORTING",
+      clearFrozenColumnsCommandKey: "CLEAR_PINNING",
+      exportCsvCommandKey: "EXPORT_TO_CSV",
+      exportExcelCommandKey: "EXPORT_TO_EXCEL",
+      exportTextDelimitedCommandKey: "EXPORT_TO_TAB_DELIMITED",
+      refreshDatasetCommandKey: "REFRESH_DATASET",
+      toggleDarkModeCommandKey: "TOGGLE_DARK_MODE",
+      toggleFilterCommandKey: "TOGGLE_FILTER_ROW",
+      togglePreHeaderCommandKey: "TOGGLE_PRE_HEADER_ROW"
+    },
+    hideClearAllFiltersCommand: !1,
+    hideClearAllSortingCommand: !1,
+    hideClearFrozenColumnsCommand: !0,
+    // opt-in command
+    hideExportCsvCommand: !1,
+    hideExportExcelCommand: !1,
+    hideExportTextDelimitedCommand: !0,
+    hideForceFitButton: !1,
+    hideRefreshDatasetCommand: !1,
+    hideSyncResizeButton: !0,
+    hideToggleDarkModeCommand: !0,
+    hideToggleFilterCommand: !1,
+    hideTogglePreHeaderCommand: !1,
+    iconCssClass: "mdi mdi-menu",
+    iconClearAllFiltersCommand: "mdi mdi-filter-remove-outline",
+    iconClearAllSortingCommand: "mdi mdi-sort-variant-off",
+    iconClearFrozenColumnsCommand: "mdi mdi-close",
+    iconExportCsvCommand: "mdi mdi-download",
+    iconExportExcelCommand: "mdi mdi-file-excel-outline",
+    iconExportTextDelimitedCommand: "mdi mdi-download",
+    iconRefreshDatasetCommand: "mdi mdi-sync",
+    iconToggleDarkModeCommand: "mdi mdi-brightness-4 mdi mdi-brightness-4",
+    iconToggleFilterCommand: "mdi mdi-flip-vertical",
+    iconTogglePreHeaderCommand: "mdi mdi-flip-vertical",
+    menuWidth: 16,
+    resizeOnShowHeaderRow: !0,
+    headerColumnValueExtractor: At
+  },
+  headerMenu: {
+    autoAlign: !0,
+    autoAlignOffset: 12,
+    minWidth: 140,
+    iconClearFilterCommand: "mdi mdi-filter-remove-outline",
+    iconClearSortCommand: "mdi mdi-sort-variant-off",
+    iconFreezeColumns: "mdi mdi-pin-outline",
+    iconSortAscCommand: "mdi mdi-sort-ascending",
+    iconSortDescCommand: "mdi mdi-sort-descending",
+    iconColumnHideCommand: "mdi mdi-close",
+    iconColumnResizeByContentCommand: "mdi mdi-arrow-expand-horizontal",
+    hideColumnResizeByContentCommand: !1,
+    hideColumnHideCommand: !1,
+    hideClearFilterCommand: !1,
+    hideClearSortCommand: !1,
+    hideFreezeColumnsCommand: !0,
+    // opt-in command
+    hideSortCommands: !1
+  },
+  multiColumnSort: !0,
+  numberedMultiColumnSort: !0,
+  tristateMultiColumnSort: !1,
+  sortColNumberInSeparateSpan: !0,
+  suppressActiveCellChangeOnEdit: !1,
+  pagination: {
+    pageSizes: [10, 15, 20, 25, 30, 40, 50, 75, 100],
+    pageSize: 25,
+    totalItems: 0
+  },
+  rowDetailView: {
+    collapseAllOnSort: !0,
+    cssClass: "detail-view-toggle",
+    panelRows: 1,
+    keyPrefix: "__",
+    useRowClick: !1,
+    useSimpleViewportCalc: !0,
+    saveDetailViewOnScroll: !1
+  },
+  headerRowHeight: 35,
+  rowHeight: 35,
+  topPanelHeight: 30,
+  preHeaderPanelWidth: "100%",
+  // mostly useful for Draggable Grouping dropzone to take full width
+  translationNamespaceSeparator: ":",
+  resetFilterSearchValueAfterOnBeforeCancellation: !0,
+  resizeByContentOnlyOnFirstLoad: !0,
+  resizeByContentOptions: {
+    alwaysRecalculateColumnWidth: !1,
+    cellCharWidthInPx: 7.8,
+    cellPaddingWidthInPx: 14,
+    defaultRatioForStringType: 0.88,
+    formatterPaddingWidthInPx: 0,
+    maxItemToInspectCellContentWidth: 1e3,
+    maxItemToInspectSingleColumnWidthByContent: 5e3,
+    widthToRemoveFromExceededWidthReadjustment: 50
+  },
+  treeDataOptions: {
+    exportIndentMarginLeft: 5,
+    exportIndentationLeadingChar: "͏͏͏͏͏͏͏͏͏·"
+  }
+};
+function At(c, a) {
+  let o = (c == null ? void 0 : c.columnPickerLabel) ?? (c == null ? void 0 : c.name) ?? "";
+  (o instanceof HTMLElement || o instanceof DocumentFragment) && (o = o.textContent || "");
+  const l = (c == null ? void 0 : c.columnGroup) || "", f = (a == null ? void 0 : a.columnGroupSeparator) ?? " - ";
+  return l ? l + f + o : o;
+}
+class Ln {
+  constructor() {
+    W(this, "container", {});
+  }
+  get(a) {
+    return this.container[a];
+  }
+  registerInstance(a, o) {
+    this.container[a] = o;
+  }
+}
+class zn {
+  constructor() {
+    W(this, "i18n");
+    this.i18n = Rt().i18next;
+  }
+  /**
+   * Method to return the current language used by the App
+   * @return {string} current language
+   */
+  getCurrentLanguage() {
+    return this.i18n.language;
+  }
+  /**
+   * Method to set the language to use in the App and Translate Service
+   * @param {string} language
+   * @return {Promise} output
+   */
+  async use(a) {
+    return this.i18n.changeLanguage(a);
+  }
+  /**
+   * Method which receives a translation key and returns the translated value assigned to that key
+   * @param {string} translation key
+   * @return {string} translated value
+   */
+  translate(a) {
+    return this.i18n.t(a);
+  }
+}
+function Hn(c) {
+  if (Array.isArray(c))
+    for (; c.length > 0; ) {
+      const a = c.pop();
+      a != null && a.unsubscribe && a.unsubscribe();
+    }
+  return c;
+}
+const Nn = ["id"], Wn = ["id"], Kn = 1e4, ni = /* @__PURE__ */ Dn({
+  __name: "SlickgridVue",
+  props: /* @__PURE__ */ In({
+    header: {},
+    footer: {},
+    extensions: {},
+    gridId: { default: "myGrid" },
+    instances: {},
+    onOnActiveCellChanged: {},
+    onOnActiveCellPositionChanged: {},
+    onOnAddNewRow: {},
+    onOnAutosizeColumns: {},
+    onOnBeforeAppendCell: {},
+    onOnBeforeSearchChange: {},
+    onOnBeforeCellEditorDestroy: {},
+    onOnBeforeColumnsResize: {},
+    onOnBeforeDestroy: {},
+    onOnBeforeEditCell: {},
+    onOnBeforeHeaderCellDestroy: {},
+    onOnBeforeHeaderRowCellDestroy: {},
+    onOnBeforeFooterRowCellDestroy: {},
+    onOnBeforeSetColumns: {},
+    onOnBeforeSort: {},
+    onOnCellChange: {},
+    onOnCellCssStylesChanged: {},
+    onOnClick: {},
+    onOnColumnsDrag: {},
+    onOnColumnsReordered: {},
+    onOnColumnsResized: {},
+    onOnColumnsResizeDblClick: {},
+    onOnCompositeEditorChange: {},
+    onOnContextMenu: {},
+    onOnDrag: {},
+    onOnDragEnd: {},
+    onOnDragInit: {},
+    onOnDragStart: {},
+    onOnDblClick: {},
+    onOnFooterContextMenu: {},
+    onOnFooterRowCellRendered: {},
+    onOnHeaderCellRendered: {},
+    onOnFooterClick: {},
+    onOnHeaderClick: {},
+    onOnHeaderContextMenu: {},
+    onOnHeaderMouseEnter: {},
+    onOnHeaderMouseLeave: {},
+    onOnHeaderRowCellRendered: {},
+    onOnHeaderRowMouseEnter: {},
+    onOnHeaderRowMouseLeave: {},
+    onOnKeyDown: {},
+    onOnMouseEnter: {},
+    onOnMouseLeave: {},
+    onOnValidationError: {},
+    onOnViewportChanged: {},
+    onOnRendered: {},
+    onOnSelectedRowsChanged: {},
+    onOnSetOptions: {},
+    onOnScroll: {},
+    onOnSort: {},
+    onOnBeforePagingInfoChanged: {},
+    onOnGroupExpanded: {},
+    onOnGroupCollapsed: {},
+    onOnPagingInfoChanged: {},
+    onOnRowCountChanged: {},
+    onOnRowsChanged: {},
+    onOnRowsOrCountChanged: {},
+    onOnSetItemsCalled: {},
+    onOnAfterExportToExcel: {},
+    onOnBeforePaginationChange: {},
+    onOnBeforeExportToExcel: {},
+    onOnBeforeFilterChange: {},
+    onOnBeforeFilterClear: {},
+    onOnBeforeSortChange: {},
+    onOnBeforeToggleTreeCollapse: {},
+    onOnFilterChanged: {},
+    onOnFilterCleared: {},
+    onOnItemDeleted: {},
+    onOnGridStateChanged: {},
+    onOnPaginationChanged: {},
+    onOnReactGridCreated: {},
+    onOnSelectedRowIdsChanged: {},
+    onOnSortChanged: {},
+    onOnToggleTreeCollapsed: {},
+    onOnTreeItemToggled: {},
+    onOnTreeFullToggleEnd: {},
+    onOnTreeFullToggleStart: {},
+    onVueGridCreated: {}
+  }, {
+    options: { required: !0 },
+    optionsModifiers: {},
+    pagination: {},
+    paginationModifiers: {},
+    columns: { required: !0, default: [] },
+    columnsModifiers: {},
+    data: { required: !1 },
+    dataModifiers: {},
+    hierarchical: { required: !1 },
+    hierarchicalModifiers: {}
+  }),
+  emits: ["update:options", "update:pagination", "update:columns", "update:data", "update:hierarchical"],
+  setup(c) {
+    var $e;
+    const { i18next: a } = Rt(), o = Pn(), l = c, f = J(), h = J(), S = J(null), n = J({}), P = J(0), M = vt(() => `slickGridContainer-${l.gridId}`), F = vt(() => {
+      var e, t;
+      return (t = (e = Fe.value) == null ? void 0 : e.backendServiceApi) == null ? void 0 : t.service;
+    });
+    let C = 0, u = null, s, oe, ae = !1, re = !1, be = !1, ve = !1, ye = !1, X = !1, Q = !0, Te, b = [], Ee = !1, se = !1, Z = [], K, q, B, le, j, _;
+    const xt = new ln(), H = new dn(), v = new pt();
+    v.eventNamingStyle = Pe.camelCaseWithExtraOnPrefix;
+    const E = new Ln(), U = new zn(), O = new un(), ee = new cn(), m = new fn(), Ae = new mn(U), Re = new hn(m, O, U), _e = new pn(xt, U, Ae), A = new vn(_e, v, m, O), V = new Cn(v), D = new gn(Ae, m, v, O), N = new dt(v, m, D), T = new Sn(v, m, O), I = new wn(
+      Re,
+      A,
+      v,
+      m,
+      D,
+      N,
+      U,
+      () => de
+    ), G = new ut(
+      I,
+      A,
+      v,
+      m,
+      D,
+      N
+    ), de = new ct(
+      G,
+      A,
+      v,
+      T,
+      m,
+      D,
+      N
+    ), te = new ft(Re);
+    let ke = [
+      I,
+      A,
+      ee,
+      de,
+      G,
+      te,
+      T,
+      V,
+      D,
+      N
+    ];
+    E.registerInstance("PubSubService", v), E.registerInstance("EventPubSubService", v), E.registerInstance("ExtensionUtility", Re), E.registerInstance("FilterService", A), E.registerInstance("CollectionService", Ae), E.registerInstance("ExtensionService", I), E.registerInstance("GridEventService", ee), E.registerInstance("GridService", de), E.registerInstance("GridStateService", G), E.registerInstance("HeaderGroupingService", te), E.registerInstance("PaginationService", T), E.registerInstance("ResizerService", V), E.registerInstance("SharedService", m), E.registerInstance("SortService", D), E.registerInstance("TranslaterService", U), E.registerInstance("TreeDataService", N);
+    const Fe = pe(c, "options");
+    n.value = { ...Et, ...Fe.value };
+    const k = J(), Dt = pe(c, "pagination");
+    ge(Dt, (e) => zt(e));
+    const y = J(), Y = pe(c, "columns");
+    ge(Y, (e) => It(e), { immediate: !0 });
+    const $ = pe(c, "data");
+    ge(
+      $,
+      (e) => {
+        var p, g, w;
+        const t = C, i = we(e, $.value || []);
+        let d = !!((p = n.value) != null && p.enableDeepCopyDatasetOnPageLoad) ? St(!0, [], e) : e;
+        s && ((g = n.value) != null && g.enableTreeData) && Array.isArray(e) && (e.length > 0 || e.length !== t || !i) && (ye = !1, d = Ke(e, !i)), Ve(d || []), C = (e || []).length, s && ((w = n.value) != null && w.autoFitColumnsOnFirstLoad) && t === 0 && !re && (s.autosizeColumns(), re = !0);
+      },
+      { immediate: !0 }
+    );
+    const ne = pe(c, "hierarchical");
+    ge(
+      ne,
+      (e) => {
+        var r;
+        const t = we(e, (m == null ? void 0 : m.hierarchicalDataset) ?? []), i = C;
+        m && (m.hierarchicalDataset = e), e && y.value && (A != null && A.clearFilters) && A.clearFilters(), u && e && s && (D != null && D.processTreeDataInitialSort) && (u.setItems([], ((r = n.value) == null ? void 0 : r.datasetIdPropertyName) ?? "id"), D.processTreeDataInitialSort(), queueMicrotask(() => {
+          const d = (u == null ? void 0 : u.getItemCount()) || 0;
+          d > 0 && (d !== i || !t) && A.refreshTreeDataFilters();
+        }), ye = !0);
+      },
+      { immediate: !0 }
+    ), ae = (($e = n.value) == null ? void 0 : $e.showHeaderRow) === !1, On(() => {
+      Be();
+    }), Tn(() => {
+      var e, t;
+      if (!n.value || !Y.value)
+        throw new Error(
+          "Using `<Slickgrid-Vue>` requires `v-model:options` and `v-model:columns` props, it seems that you might have forgot to provide them since at least of them is undefined."
+        );
+      if (f.value && v instanceof pt) {
+        v.elementSource = f.value;
+        for (const i in { ...o, ...l })
+          if (i.startsWith("onOn")) {
+            const r = o[i] || l[i];
+            if (typeof r == "function") {
+              const d = i.replace(/^onOn/, "on");
+              Z.push(
+                v.subscribe(d, (p) => {
+                  const g = v.getEventNameByNamingConvention(d, "");
+                  typeof r == "function" && r.call(null, new CustomEvent(g, { detail: p }));
+                })
+              );
+            }
+          }
+      }
+      if (Pt(), be = !0, ue() || (n.value.enablePagination = !!(n.value.backendServiceApi && n.value.enablePagination === void 0 || n.value.enablePagination)), !X && !ne.value && ((e = n.value) != null && e.enablePagination) && Q && (se = !0, He($.value)), (t = n.value) != null && t.enableEmptyDataWarningMessage) {
+        const i = $.value || [];
+        if (Array.isArray(i)) {
+          const r = i.length;
+          xe(r < 1);
+        }
+      }
+      n.value.darkMode && Ge(!0), ne.value && (m.hierarchicalDataset = ne.value || []), Xt();
+    });
+    function It(e) {
+      e && (y.value = e), be && Nt(y.value), y.value.length > 0 && Wt(y.value);
+    }
+    function Pt() {
+      var p, g, w, R, x, L, ce, fe, me, he, z, qe, je, Ye, Je, Xe, Qe, Ze, et, tt, nt, it, ot;
+      if (!n.value || !Y.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.'
+        );
+      n.value.translater = U, re = !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), v.eventNamingStyle = ((p = n.value) == null ? void 0 : p.eventNamingStyle) ?? Pe.camelCaseWithExtraOnPrefix, v.publish("onBeforeGridCreate", !0), C = ((g = $.value) == null ? void 0 : g.length) || 0, n.value = $t(n.value), k.value = (w = n.value) == null ? void 0 : w.pagination, j = (R = n.value) == null ? void 0 : R.backendServiceApi, Q = !j, (x = n.value) != null && x.backendServiceApi && !((L = n.value.backendServiceApi) != null && L.disableInternalPostProcess) && kt(n.value);
+      let t = { inlineFilters: ((ce = n.value) == null ? void 0 : ce.dataView) && n.value.dataView.inlineFilters || !1 };
+      ((fe = n.value) != null && fe.draggableGrouping || (me = n.value) != null && me.enableGrouping) && (oe = new bn(), m.groupItemMetadataProvider = oe, t = { ...t, groupItemMetadataProvider: oe }), u = new yn(t, v), v.publish("onDataviewCreated", u), jt(), y.value = Ue(Y.value || []), (he = n.value) != null && he.autoAddCustomEditorFormatter && mt(y.value, (z = n.value) == null ? void 0 : z.autoAddCustomEditorFormatter), m.allColumns = y.value, m.visibleColumns = y.value, I.createExtensionsBeforeGridCreation(y.value, n.value), (je = (qe = n.value) == null ? void 0 : qe.presets) != null && je.pinning && (n.value = { ...n.value, ...n.value.presets.pinning }), s = new En(
+        `#${l.gridId}`,
+        u,
+        y.value,
+        n.value,
+        v
+      ), m.dataView = u, m.slickGrid = s, m.gridContainerElement = f.value, oe && s.registerPlugin(oe), I.bindDifferentExtensions(), Ft(s, n.value, u);
+      const i = ((Ye = n.value) == null ? void 0 : Ye.frozenColumn) ?? -1;
+      i >= 0 && i <= y.value.length && y.value.length > 0 && (m.frozenVisibleColumnId = ((Je = y.value[i]) == null ? void 0 : Je.id) ?? ""), Yt(), s.init();
+      const r = f.value;
+      if (r && V.init(s, r), !((Xe = n.value) != null && Xe.enablePagination) && ((Qe = n.value) != null && Qe.showCustomFooter) && ((Ze = n.value) != null && Ze.customFooterOptions) && r && (q = new Vn(s, (et = n.value) == null ? void 0 : et.customFooterOptions, v, U), q.renderFooter(r)), u) {
+        const at = (tt = n.value) != null && tt.enableTreeData ? Ke($.value || []) : $.value;
+        if (Array.isArray(at) && u.setItems(at, n.value.datasetIdPropertyName ?? "id"), s != null && s.getSelectionModel() && ((nt = n.value) != null && nt.dataView) && "syncGridSelection" in n.value.dataView) {
+          let rt = !1;
+          n.value.backendServiceApi && "syncGridSelectionWithBackendService" in n.value.dataView && (rt = n.value.dataView.syncGridSelectionWithBackendService);
+          const ie = n.value.dataView.syncGridSelection;
+          if (typeof ie == "boolean") {
+            let st = ie;
+            Q || (st = ie && rt), u.syncGridSelection(s, st);
+          } else typeof ie == "object" && u.syncGridSelection(s, ie.preserveHidden, ie.preserveHiddenOnSelectionChange);
+        }
+        (it = $.value) != null && it.length && (!ve && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && Ne(), Ie(), ve = !0);
+      }
+      ae && (Ht(!1), m.hideHeaderRowAfterPageLoad = ae), v.publish("onGridCreated", s), Gt(s, n.value), Mt(s, n.value), (ot = n.value) != null && ot.backendServiceApi && Bt(n.value);
+      const d = {
+        element: f.value,
+        // Slick Grid & DataView objects
+        dataView: u,
+        slickGrid: s,
+        // public methods
+        dispose: Ot,
+        // return all available Services (non-singleton)
+        backendService: F.value,
+        eventPubSubService: v,
+        filterService: A,
+        gridEventService: ee,
+        gridStateService: G,
+        gridService: de,
+        groupingService: te,
+        headerGroupingService: te,
+        extensionService: I,
+        paginationComponent: B,
+        paginationService: T,
+        resizerService: V,
+        sortService: D,
+        treeDataService: N
+      };
+      h.value = I == null ? void 0 : I.extensionList, S.value = d, v.publish("onVueGridCreated", d);
+    }
+    function Be(e = !1) {
+      var t, i;
+      if (v.publish("onBeforeGridDestroy", s), H == null || H.unsubscribeAll(), a.off("languageChanged"), e && _t(), v.publish("onAfterGridDestroyed", !0), ke.forEach((r) => {
+        r != null && r.dispose && r.dispose();
+      }), ke = [], (i = (t = F.value) == null ? void 0 : t.dispose) == null || i.call(t), Tt(), K == null || K.dispose(), q == null || q.dispose(), B == null || B.dispose(), u && (u.setItems && u.setItems([]), u.destroy && u.destroy()), s != null && s.destroy && s.destroy(e), Z = Hn(Z), j) {
+        for (const r of Object.keys(j))
+          j[r] = null;
+        j = void 0;
+      }
+      for (const r of Object.keys(Y.value))
+        Y.value[r] = null;
+      for (const r of Object.keys(m))
+        m[r] = null;
+    }
+    function Ot(e = !1) {
+      Be(e);
+    }
+    function Tt() {
+      if (Array.isArray(b))
+        for (; b.length > 0; ) {
+          const e = b.pop();
+          e != null && e.dispose && e.dispose();
+        }
+      b = [];
+    }
+    function _t() {
+      var i;
+      const e = ((i = n.value) == null ? void 0 : i.gridContainerId) ?? "grid1", t = document.querySelector(`#${e}`);
+      An(t);
+    }
+    function kt(e) {
+      const t = e == null ? void 0 : e.backendServiceApi;
+      if (t != null && 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 != null && r.data[d]) {
+            const p = "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;
+            Ve(p, g || 0);
+          }
+        });
+      }
+    }
+    function Ft(e, t, i) {
+      var r;
+      if (t.enableTranslate && I.translateAllExtensions(), a.on("languageChanged", (d) => {
+        v.publish("onLanguageChange"), t.enableTranslate && (I.translateAllExtensions(d), (t.createPreHeaderPanel && t.createTopHeaderPanel || t.createPreHeaderPanel && !t.enableDraggableGrouping) && te.translateHeaderGrouping());
+      }), t.backendServiceApi) {
+        const d = t.backendServiceApi;
+        (r = d == null ? void 0 : d.service) != null && r.init && d.service.init(d.options, t.pagination, e, m);
+      }
+      i && e && (ee.bindOnBeforeEditCell(e), ee.bindOnCellChange(e), ee.bindOnClick(e), i && e && (t.enableSorting && (t.backendServiceApi && !t.backendServiceApi.useLocalSorting ? D.bindBackendOnSort(e) : D.bindLocalOnSort(e)), t.enableFiltering && (A.init(e), t.backendServiceApi && !t.backendServiceApi.useLocalFiltering ? A.bindBackendOnFilter(e) : A.bindLocalOnFilter(e)), H.subscribe(e.onColumnsReordered, (d, p) => {
+        m.hasColumnsReordered = !0, m.visibleColumns = p.impactedColumns;
+      }), H.subscribe(e.onSetOptions, (d, p) => {
+        p.optionsBefore.darkMode !== p.optionsAfter.darkMode && m.gridContainerElement && Ge(p.optionsAfter.darkMode);
+      }), Ut(), Ie(), H.subscribe(i.onRowCountChanged, () => {
+        e.invalidate(), Le(i.getFilteredItemCount() || 0, i.getItemCount() || 0);
+      }), H.subscribe(i.onSetItemsCalled, (d, p) => {
+        m.isItemsDateParsed = !1, Le(i.getFilteredItemCount() || 0, p.itemCount), p.itemCount > 0 && (t.autosizeColumnsByCellContentOnFirstLoad || t.enableAutoResizeColumnsByCellContent) && V.resizeColumnsByCellContent(!(t != null && t.resizeByContentOnlyOnFirstLoad));
+      }), t != null && t.enableFiltering && !t.enableRowDetailView && H.subscribe(i.onRowsChanged, (d, { calledOnRowCountChanged: p, rows: g }) => {
+        if (!p && Array.isArray(g)) {
+          const w = e.getRenderedRange();
+          g.filter((R) => R >= w.top && R <= w.bottom).forEach((R) => e.updateRow(R)), e.render();
+        }
+      }))), t != null && t.colspanCallback && (i != null && i.getItem) && (i != null && i.getItemMetadata) && (i.getItemMetadata = (d) => {
+        let p = null;
+        return t.colspanCallback && (p = t.colspanCallback(i.getItem(d))), p;
+      });
+    }
+    function Bt(e) {
+      var p, g, w, R;
+      const t = e.backendServiceApi, i = t == null ? void 0 : t.service, r = (i == null ? void 0 : i.options) || {}, d = r ? r && "executeProcessCommandOnInit" in r ? r.executeProcessCommandOnInit : !0 : !1;
+      if (i) {
+        if (e != null && 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 x = (p = n.value) != null && p.multiColumnSort ? e.presets.sorters : e.presets.sorters.slice(0, 1);
+            i.updateSorters(void 0, x);
+          }
+          if (i.updatePagination && e.presets.pagination && !ue()) {
+            const { pageNumber: x, pageSize: L } = e.presets.pagination;
+            i.updatePagination(x, L);
+          }
+        } else {
+          const x = A.getColumnFilters();
+          x && i.updateFilters && i.updateFilters(x, !1);
+        }
+        if (t && i && (t.onInit || d)) {
+          const x = typeof i.buildQuery == "function" ? i.buildQuery() : "", L = d ? ((g = t.process) == null ? void 0 : g.call(t, x)) ?? null : ((w = t.onInit) == null ? void 0 : w.call(t, x)) ?? null;
+          queueMicrotask(() => {
+            var me, he;
+            const ce = /* @__PURE__ */ new Date();
+            t.preProcess && t.preProcess();
+            const fe = ((he = (me = n.value) == null ? void 0 : me.pagination) == null ? void 0 : he.totalItems) ?? 0;
+            L instanceof Promise ? L.then(
+              (z) => O.executeBackendProcessesCallback(ce, z, t, fe)
+            ).catch((z) => O.onBackendError(z, t)) : L && (_ != null && _.isObservable(L)) && Z.push(
+              L.subscribe(
+                (z) => O.executeBackendProcessesCallback(ce, z, t, fe),
+                (z) => O.onBackendError(z, t)
+              )
+            );
+          });
+        }
+        (R = t.service.options) != null && R.infiniteScroll && Vt();
+      }
+    }
+    function Vt() {
+      var e;
+      if (s && n.value.backendServiceApi && ue() && !((e = n.value.backendServiceApi) != null && e.onScrollEnd)) {
+        const t = () => {
+          O.setInfiniteScrollBottomHit(!0), T.goToNextPage().then((r) => {
+            r || O.setInfiniteScrollBottomHit(!1);
+          });
+        };
+        n.value.backendServiceApi.onScrollEnd = t, H.subscribe(s.onScroll, (r, d) => {
+          const p = d.grid.getViewportNode();
+          ["mousewheel", "scroll"].includes(d.triggeredBy || "") && (T != null && T.totalItems) && d.scrollTop > 0 && Math.ceil(p.offsetHeight + d.scrollTop) >= d.scrollHeight && (Ee || (t(), Ee = !0));
+        });
+        const i = n.value.backendServiceApi.postProcess;
+        n.value.backendServiceApi.postProcess = (r) => {
+          Ee = !1, i && i(r);
+        };
+      }
+    }
+    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 ? V.resizeGrid(0, { height: t.gridHeight, width: t.gridWidth }) : V.resizeGrid(), e && (t != null && t.enableAutoResize) && t.autoFitColumnsOnFirstLoad && t.enableAutoSizeColumns && !re && (e.autosizeColumns(), re = !0);
+    }
+    function Gt(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);
+        D.loadGridSorters(i);
+      }
+    }
+    function Lt(e) {
+      var d;
+      const t = (G == null ? void 0 : G.needToPreserveRowSelection()) ?? !1;
+      s && !t && ((d = n.value) != null && d.backendServiceApi) && (n.value.enableRowSelection || n.value.enableCheckboxSelector) && s.setSelectedRows([]);
+      const { pageNumber: i, pageSize: r } = e;
+      m && r !== void 0 && i !== void 0 && (m.currentPagination = { pageNumber: i, pageSize: r }), v.publish("onGridStateChanged", {
+        change: { newValues: { pageNumber: i, pageSize: r }, type: xn.pagination },
+        gridState: G.getCurrentGridState()
+      });
+    }
+    function zt(e) {
+      e && k.value ? k.value = { ...k.value, ...e } : k.value = e, n.value && (n.value.pagination = k.value, T.updateTotalItems((e == null ? void 0 : e.totalItems) ?? 0, !0));
+    }
+    function Ve(e, t) {
+      var i, r, d, p, g, w;
+      if ((i = n.value) != null && i.enablePagination && Q && (se = !0, He(e)), (r = n.value) != null && r.enableEmptyDataWarningMessage && Array.isArray(e)) {
+        const R = t || e.length;
+        xe(R < 1);
+      }
+      if (Array.isArray(e) && s && (u != null && u.setItems)) {
+        if (u.setItems(e, n.value.datasetIdPropertyName ?? "id"), !n.value.backendServiceApi && !n.value.enableTreeData && u.reSort(), e.length > 0 && (ve || (Ie(), n.value.enableCheckboxSelector && Ne()), ve = !0), e && s.invalidate(), se = !!(n.value && (n.value.enablePagination || n.value.backendServiceApi && n.value.enablePagination === void 0)), k.value && ((d = n.value) != null && d.pagination) && ((p = n.value) != null && p.backendServiceApi)) {
+          const R = Me(
+            n.value,
+            k.value
+          ), x = t !== void 0 ? t : (w = (g = n.value) == null ? void 0 : g.pagination) == null ? void 0 : w.totalItems;
+          x !== void 0 && x !== P.value && (P.value = +x), X ? T.updateTotalItems(P.value) : ze(R);
+        }
+        if (s && n.value.enableAutoResize) {
+          const R = n.value.autoResize && n.value.autoResize.delay;
+          V.resizeGrid(R || 10);
+        }
+      }
+    }
+    function Ht(e = !0) {
+      return s == null || s.setHeaderRowVisibility(e), e === !0 && be && (s == null || s.setColumns(Y.value)), e;
+    }
+    function Me(e, t) {
+      var i;
+      return (i = e.presets) != null && i.pagination && e.pagination && (ue() ? 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 Ge(e = !1) {
+      var t, i;
+      e ? (t = m.gridContainerElement) == null || t.classList.add("slick-dark-mode") : (i = m.gridContainerElement) == null || i.classList.remove("slick-dark-mode");
+    }
+    function Nt(e) {
+      var t, i;
+      e && (e = Ue(e), n.value.autoAddCustomEditorFormatter && mt(e, n.value.autoAddCustomEditorFormatter), n.value.enableTranslate ? I.translateColumnHeaders(void 0, e) : I.renderColumnHeaders(e, !0), (t = n.value) != null && t.enableAutoSizeColumns ? s == null || s.autosizeColumns() : (i = n.value) != null && i.enableAutoResizeColumnsByCellContent && (V != null && V.resizeColumnsByCellContent) && V.resizeColumnsByCellContent());
+    }
+    function Wt(e) {
+      e.forEach((t) => t.originalWidth = t.width);
+    }
+    function xe(e = !0) {
+      K == null || K.showEmptyDataMessage(e);
+    }
+    function Le(e, t) {
+      var i;
+      C = t, Te = {
+        startTime: /* @__PURE__ */ new Date(),
+        endTime: /* @__PURE__ */ new Date(),
+        itemCount: e,
+        totalItemCount: t
+      }, q && (q.metrics = Te), Q && ((i = n.value) != null && i.enableEmptyDataWarningMessage) && xe(e === 0);
+    }
+    function ze(e) {
+      n.value && (T.totalItems = P.value, T.init(s, e, j), Z.push(
+        v.subscribe("onPaginationChanged", (t) => Lt(t)),
+        v.subscribe("onPaginationVisibilityChanged", (t) => {
+          var i;
+          se = (t == null ? void 0 : t.visible) ?? !1, (i = n.value) != null && i.backendServiceApi && (O == null || O.refreshBackendDataset(n.value)), We(se);
+        })
+      ), We(), X = !0);
+    }
+    function Kt(e) {
+      if (e != null && e.editor) {
+        const t = e.editor.collectionAsync;
+        e.editor.disabled = !0, t instanceof Promise ? t.then((i) => {
+          Array.isArray(i) ? Ce(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) => Ce(e, r)) : i != null && i.content && Ce(e, i.content);
+        }) : _ != null && _.isObservable(t) && queueMicrotask(() => {
+          Z.push(
+            t.subscribe((i) => Ce(e, i))
+          );
+        });
+      }
+    }
+    function De(e, t) {
+      if (y.value) {
+        const i = y.value.findIndex((r) => r.id === e);
+        if (i >= 0) {
+          const r = y.value[i];
+          (r == null ? void 0 : r.id) === e && !t.some((d) => d.id === e) && (i > 0 ? t.splice(i, 0, r) : t.unshift(r));
+        }
+      }
+    }
+    function Ut() {
+      var e, t, i, r, d, p;
+      if (n.value.presets && Array.isArray(n.value.presets.columns) && n.value.presets.columns.length > 0) {
+        const g = G.getAssociatedGridColumns(s, n.value.presets.columns);
+        if (g && Array.isArray(g) && g.length > 0 && Array.isArray(y.value)) {
+          if (n.value.enableRowMoveManager) {
+            const w = ((t = (e = n.value) == null ? void 0 : e.rowMoveManager) == null ? void 0 : t.columnId) ?? "_move";
+            De(w, g);
+          }
+          if (n.value.enableCheckboxSelector) {
+            const w = ((r = (i = n.value) == null ? void 0 : i.checkboxSelector) == null ? void 0 : r.columnId) ?? "_checkbox_selector";
+            De(w, g);
+          }
+          if (n.value.enableRowDetailView) {
+            const w = ((p = (d = n.value) == null ? void 0 : d.rowDetailView) == null ? void 0 : p.columnId) ?? "_detail_selector";
+            De(w, g);
+          }
+          g.forEach((w) => w.originalWidth = w.width), s == null || s.setColumns(g), m.visibleColumns = g;
+        }
+      }
+    }
+    function Ie() {
+      var e, t, i;
+      n.value && n.value.presets && (Array.isArray(n.value.presets.filters) || Array.isArray((t = (e = n.value.presets) == null ? void 0 : e.treeData) == null ? void 0 : t.toggledItems)) && A.populateColumnFilterSearchTermPresets(((i = n.value.presets) == null ? void 0 : i.filters) || []);
+    }
+    function He(e) {
+      if (n.value && k.value) {
+        if (P.value = Array.isArray(e) ? e.length : 0, k.value && (u != null && u.getPagingInfo)) {
+          const i = u.getPagingInfo();
+          "totalRows" in i && k.value.totalItems !== i.totalRows && (P.value = i.totalRows || 0);
+        }
+        k.value.totalItems = P.value;
+        const t = Me(n.value, k.value);
+        ze(t);
+      }
+    }
+    function Ne() {
+      var i;
+      const e = (i = n.value) == null ? void 0 : i.presets;
+      if (n.value && (n.value.enableCheckboxSelector || n.value.enableRowSelection) && (s != null && s.getSelectionModel()) && (e != null && e.rowSelection) && (Array.isArray(e.rowSelection.gridRowIndexes) || Array.isArray(e.rowSelection.dataContextIds))) {
+        let r = e.rowSelection.dataContextIds, d = e.rowSelection.gridRowIndexes;
+        Array.isArray(r) && r.length > 0 ? d = (u == null ? void 0 : u.mapIdsToRows(r)) || [] : Array.isArray(d) && d.length > 0 && (r = (u == null ? void 0 : u.mapRowsToIds(d)) || []), s && Array.isArray(d) && (s.setSelectedRows(d), u.setSelectedIds(r || [], {
+          isRowBeingAdded: !0,
+          shouldTriggerEvent: !1,
+          // do not trigger when presetting the grid
+          applyRowSelectionToGrid: !0
+        }));
+      }
+    }
+    function ue(e) {
+      var t, i;
+      return !!((i = (t = (e || n.value).backendServiceApi) == null ? void 0 : t.service.options) != null && i.infiniteScroll);
+    }
+    function $t(e) {
+      e.gridId = l.gridId, e.gridContainerId = `slickGridContainer-${l.gridId}`;
+      const t = St(!0, {}, Et, e);
+      return ue(e) || (e.enablePagination = !!(e.backendServiceApi && e.enablePagination === void 0 || e.enablePagination)), t != null && t.pagination && (e.enablePagination || e.backendServiceApi) && e.pagination && Array.isArray(e.pagination.pageSizes) && (t.pagination.pageSizes = e.pagination.pageSizes), ae = t.showHeaderRow === !1, t.enableFiltering && !t.showHeaderRow && (t.showHeaderRow = t.enableFiltering), t && !t.enableFiltering && t.enablePagination && Q && (t.enableFiltering = !0, t.showHeaderRow = !1, ae = !0, m && (m.hideHeaderRowAfterPageLoad = !0)), t;
+    }
+    function qt(e) {
+      if (Array.isArray(e))
+        for (const t of e)
+          s && typeof t.init == "function" && t.init(s, E);
+    }
+    function jt() {
+      var e;
+      if (b = ((e = n.value) == null ? void 0 : e.externalResources) || [], Array.isArray(b))
+        for (const t of b)
+          (t == null ? void 0 : t.className) === "RxJsResource" && Jt(t);
+      n.value.enableRowDetailView && !b.some((t) => t instanceof yt) && (le = new yt(v), le.create(y.value, n.value), I.addExtensionToList(ht.rowDetailView, { name: ht.rowDetailView, instance: le }));
+    }
+    function Yt() {
+      Array.isArray(b) && (m.externalRegisteredResources = b), b.some((e) => e instanceof ct) || b.push(de), b.some((e) => e instanceof ut) || b.push(G), (n.value.createPreHeaderPanel && n.value.createTopHeaderPanel || n.value.createPreHeaderPanel && !n.value.enableDraggableGrouping) && !b.some((e) => e instanceof ft) && b.push(te), n.value.enableTreeData && !b.some((e) => e instanceof dt) && b.push(N), n.value.enableTranslate && I.translateColumnHeaders(), b.some((e) => e instanceof gt) || (K = new gt(), b.push(K)), qt(b), n.value.enableRowDetailView && le && le.init(s);
+    }
+    function Jt(e) {
+      _ = e, O.addRxJsResource(_), _e.addRxJsResource(_), A.addRxJsResource(_), D.addRxJsResource(_), T.addRxJsResource(_), E.registerInstance("RxJsResource", _);
+    }
+    async function We(e = !0) {
+      var t;
+      if (s && ((t = n.value) != null && t.enablePagination) && !X && e) {
+        if (n.value.customPaginationComponent) {
+          const i = document.createElement("section"), r = Oe(n.value.customPaginationComponent).mount(
+            i
+          );
+          f.value.appendChild(r.$el), B = r;
+        } else
+          B = new Mn();
+        _n(() => {
+          B && (B.init(s, T, v, U), B.renderPagination(f.value), X = !0);
+        });
+      } else e || (B == null || B.dispose(), X = !1);
+    }
+    function Ke(e, t = !1) {
+      const i = C;
+      let r, d = [];
+      return ye && ne.value ? (r = N.sortHierarchicalDataset(ne.value), d = r.flat) : Array.isArray(e) && e.length > 0 && (r = N.convertFlatParentChildToTreeDatasetAndSort(
+        e,
+        y.value || [],
+        n.value
+      ), m.hierarchicalDataset = r.hierarchical, d = r.flat), e.length > 0 && (t || e.length !== i) && A.refreshTreeDataFilters(d), d;
+    }
+    function Ue(e) {
+      return e.some((t) => `${t.id}`.includes(".")) && console.error(
+        '[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) => {
+        var i, r;
+        return (i = t.editor) != null && i.collectionAsync && Kt(t), { ...t, editorClass: (r = t.editor) == null ? void 0 : r.model };
+      });
+    }
+    function Xt() {
+      u.getItemCount() > Kn && !n.value.silenceWarnings && !n.value.preParseDateColumns && (s != null && s.getColumns().some((e) => Rn(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 Ce(e, t) {
+      if (s && e.editor) {
+        e.editor.collection = t, e.editor.disabled = !1;
+        const i = s.getCellEditor();
+        i != null && i.disable && (i != null && i.renderDomElement) && (i.destroy(), i.disable(!1), i.renderDomElement(t));
+      }
+    }
+    return (e, t) => (kn(), Fn("div", {
+      id: M.value,
+      ref_key: "elm",
+      ref: f,
+      class: "grid-pane"
+    }, [
+      Ct(e.$slots, "header"),
+      Bn("div", {
+        id: e.gridId,
+        class: "slickgrid-container"
+      }, null, 8, Wn),
+      Ct(e.$slots, "footer")
+    ], 8, Nn));
+  }
+});
+export {
+  ri as Aggregators,
+  ti as BindingService,
+  si as Enums,
+  mi as EventPubSubService,
+  li as Formatters,
+  di as GroupTotalFormatters,
+  yt as SlickRowDetailView,
+  ni as SlickgridVue,
+  ui as SortComparers,
+  zn as TranslaterService,
+  ci as Utilities,
+  Hn as disposeAllSubscriptions
+};
+//# sourceMappingURL=index.mjs.map