@revolist/revogrid 4.13.1 → 4.13.3

package/dist/revo-grid/grouping.row.renderer-95f32c6b.js.map

@@ -0,0 +1 @@
+{"file":"grouping.row.renderer-95f32c6b.js","mappings":";;;;;;;MAMa,WAAW,GAAG,CAAC,EAAE,MAAM,EAAS;;IAC3C,OAAO,SAAG,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,UAAU,GAAI,CAAC;AACnD;;MCIa,aAAa,GAAG,GAAG;MAE1B,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAY,EAAE,KAAc;IACpF,MAAM,KAAK,iBACN,EAAE,CAAC,QAAQ,GAAG,KAAK,EAAE,CACzB,CAAC;IACF,QACE,2BACM,KAAK,IACT,KAAK,EAAE,SAAS,QAAQ,IAAI,EAAE,EAAE,EAChC,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,IAAI,IAAI;YACnB,SAAS,EAAE,cAAc,KAAK,KAAK;YACnC,WAAW,EAAE,KAAK,GAAG,GAAG,aAAa,GAAG,KAAK,IAAI,GAAG,SAAS;SAC9D,KAEA,KAAK,CACF,EACN;AACJ;;SCZgB,WAAW,CAAC,CAAa,EAAE,KAAe,EAAE,YAAoB;;IAC9E,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,kBAAkB,EAAE;QAChD,MAAM,EAAE;YACN,KAAK;YACL,YAAY;SACb;QACD,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,IAAI;KACd,CAAiE,CAAC;IACnE,MAAA,CAAC,CAAC,MAAM,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC;MAEY,mBAAmB,GAAG,CAAC,KAAuB;IACzD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,GACtE,KAAK,CAAC;IACR,MAAM,IAAI,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IAEpD,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,EAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,IAAI,CAAC;KACxE;IAED,IAAI,sBAAsB,EAAE;QAC1B,QACE,EAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK;YACzD,WAAK,OAAO,EAAE,CAAC,IAAI,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAChD,sBAAsB,CAAC,CAAC,EAAE;gBACzB,IAAI;gBACJ,KAAK;gBACL,SAAS;gBACT,QAAQ;gBACR,KAAK;gBACL,SAAS;aACV,CAAC,CACE,CACM,EACd;KACH;IAED,QACE,EAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK;QACzD,cACE,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,IAAI,EAAE,EACnC,OAAO,EAAE,CAAC,IAAI,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAE7C,kBAAkB,CAAC,QAAQ,CAAC,CACtB;QACR,IAAI,CACO,EACd;AACJ,EAAE;MAEW,kBAAkB,GAAG,CAAC,QAAQ,GAAG,KAAK;IACjD,QACE,0BACc,MAAM,EAClB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,EACzD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,aAAa;QAErB,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yRAAyR,GACrR,CACJ,EACN;AACJ;;;;","names":[],"sources":["src/plugins/sorting/sorting.sign.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { ColumnRegular } from '@type';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column?.order ?? 'sort-off'} />;\n};\n","import { h, type VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport {\n  GROUP_DEPTH,\n  GROUP_EXPANDED,\n  GROUP_EXPAND_BTN,\n  PSEUDO_GROUP_ITEM,\n} from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem, Providers } from '@type';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  providers: Providers;\n  groupingCustomRenderer?: GroupLabelTemplateFunc | null;\n}\nexport type RowGroupingProps = GroupRowPros & PositionItem;\n\nexport function expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent('groupexpandclick', {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\n  e.target?.dispatchEvent(event);\n}\n\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer, providers } =\n    props;\n  const name = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, {\n            name,\n            model,\n            itemIndex,\n            expanded,\n            depth,\n            providers,\n          })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button\n        class={{ [GROUP_EXPAND_BTN]: true }}\n        onClick={e => expandEvent(e, model, itemIndex)}\n      >\n        {expandSvgIconVNode(expanded)}\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\n\nexport const expandSvgIconVNode = (expanded = false) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\n      focusable=\"false\"\n      viewBox=\"0 0 448 512\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default GroupingRowRenderer;\n"],"version":3}

package/dist/revo-grid/index.esm.js

@@ -1,13 +1,13 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { B as BasePlugin } from './column.drag.plugin-017c4fb3.js';
-export { A as AutoSizeColumnPlugin, B as BasePlugin, C as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, d as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, e as FILTE_PANEL, f as FilterPlugin, G as GroupingRowPlugin, n as SortingPlugin, S as StretchColumn, c as columnTypes, k as doCollapse, l as doExpand, g as filterCoreFunctionsIndexedByType, j as filterNames, h as filterTypes, m as getLeftRelative, i as isRowType, a as isStretchPlugin, r as rowTypes } from './column.drag.plugin-017c4fb3.js';
+import { B as BasePlugin } from './column.drag.plugin-da99fde5.js';
+export { A as AutoSizeColumnPlugin, B as BasePlugin, C as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, d as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, e as FILTE_PANEL, f as FilterPlugin, G as GroupingRowPlugin, n as SortingPlugin, S as StretchColumn, c as columnTypes, o as defaultCellCompare, p as descCellCompare, k as doCollapse, l as doExpand, g as filterCoreFunctionsIndexedByType, j as filterNames, h as filterTypes, t as getComparer, m as getLeftRelative, q as getNextOrder, i as isRowType, a as isStretchPlugin, r as rowTypes, s as sortIndexByItems } from './column.drag.plugin-da99fde5.js';
 export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-31f53644.js';
 export { h } from './index-f6fae858.js';
 export { C as CELL_CLASS, L as CELL_HANDLER_CLASS, x as DATA_COL, y as DATA_ROW, z as DISABLED_CLASS, I as DRAGGABLE_CLASS, O as DRAGG_TEXT, G as DRAG_ICON_CLASS, D as DataStore, N as EDIT_INPUT_WR, J as FOCUS_CLASS, P as GRID_INTERNALS, F as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, E as HEADER_ROW_CLASS, B as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, K as MOBILE_CLASS, R as RESIZE_INTERVAL, Q as ROW_FOCUSED_CLASS, A as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS, v as applyMixins, i as calculateDimensionData, U as codesLetter, l as findPositionInArray, h as gatherTrimmedItems, k as getItemByIndex, j as getItemByPosition, g as getPhysical, o as getScrollbarSize, b as getSourceItem, f as getSourceItemVirtualIndexByProp, c as getSourcePhysicalIndex, a as getVisibleSourceItem, V as keyValues, n as mergeSortedArray, p as proxyPlugin, m as pushSorted, r as range, q as scaleValue, e as setItems, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, w as setStore, u as timeout, t as trimmedPlugin } from './dimension.helpers-5567e424.js';
 export { m as GROUPING_ROW_TYPE, h as GROUP_COLUMN_PROP, G as GROUP_DEPTH, f as GROUP_EXPANDED, k as GROUP_EXPAND_BTN, l as GROUP_EXPAND_EVENT, j as GROUP_ORIGINAL_INDEX, e as PSEUDO_GROUP_COLUMN, P as PSEUDO_GROUP_ITEM, b as PSEUDO_GROUP_ITEM_ID, d as PSEUDO_GROUP_ITEM_VALUE, S as SelectionStore, c as cropCellToMax, E as gatherGroup, q as gatherGrouping, x as getCellData, z as getCellDataParsed, y as getCellRaw, F as getColumnByProp, B as getColumnSizes, A as getColumnType, D as getColumns, p as getExpanded, r as getGroupingName, v as getParsedGroup, g as getRange, o as getSource, C as isColGrouping, s as isGrouping, t as isGroupingColumn, i as isHiddenStore, a as isRangeSingleCell, w as isSameGroup, u as measureEqualDepth, n as nextCell } from './column.service-f39c0a1d.js';
-export { G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './sorting.sign-c02e3b12.js';
+export { G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './grouping.row.renderer-95f32c6b.js';
 export { T as TextEditor } from './text-editor-e47e56c3.js';
 export { V as ViewportStore, a as addMissingItems, f as calculateRowHeaderSize, d as getFirstItem, b as getItems, e as getLastItem, g as getUpdatedItemsByPosition, i as isActiveRange, c as isActiveRangeOutsideLastItem, r as recombineByOffset, s as setItemSizes, u as updateMissingAndRange } from './viewport.store-c18a25a6.js';
 export { A as AND_OR_BUTTON, e as AndOrButton, a as FILTER_BUTTON_ACTIVE, F as FILTER_BUTTON_CLASS, b as FILTER_PROP, c as FilterButton, T as TRASH_BUTTON, d as TrashButton, i as isFilterBtn } from './filter.button-84396156.js';

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

@@ -3,7 +3,7 @@
  */
 import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-f6fae858.js';
 import { H as reduce, A as getColumnType, B as getColumnSizes, K as EMPTY_INDEX, F as getColumnByProp, D as getColumns, L as SelectionStoreConnector } from './column.service-f39c0a1d.js';
-import { c as columnTypes, o as forEach, r as rowTypes, i as isRowType, D as DimensionStore, B as BasePlugin, G as GroupingRowPlugin, S as StretchColumn, a as isStretchPlugin, A as AutoSizeColumnPlugin, f as FilterPlugin, E as ExportFilePlugin, n as SortingPlugin, C as ColumnMovePlugin } from './column.drag.plugin-017c4fb3.js';
+import { c as columnTypes, u as forEach, r as rowTypes, i as isRowType, D as DimensionStore, B as BasePlugin, G as GroupingRowPlugin, S as StretchColumn, a as isStretchPlugin, A as AutoSizeColumnPlugin, f as FilterPlugin, E as ExportFilePlugin, n as SortingPlugin, C as ColumnMovePlugin } from './column.drag.plugin-da99fde5.js';
 import { D as DataStore, b as getSourceItem, f as getSourceItemVirtualIndexByProp, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, a as getVisibleSourceItem, h as gatherTrimmedItems, k as getItemByIndex, R as RESIZE_INTERVAL, u as timeout } from './dimension.helpers-5567e424.js';
 import { d as debounce } from './debounce-b3166f78.js';
 import { V as ViewportStore } from './viewport.store-c18a25a6.js';

package/dist/revo-grid/revogr-data_4.entry.js

@@ -4,7 +4,7 @@
 import { h, B as Build, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-f6fae858.js';
 import { O as isRowDragService, z as getCellDataParsed, M as ColumnService, s as isGrouping, I as baseEach } from './column.service-f39c0a1d.js';
 import { M as MIN_COL_SIZE, H as HEADER_CLASS, a7 as findIndex, k as getItemByIndex, E as HEADER_ROW_CLASS, Q as ROW_FOCUSED_CLASS, G as DRAG_ICON_CLASS, I as DRAGGABLE_CLASS, b as getSourceItem, x as DATA_COL, y as DATA_ROW, a8 as getNative, Y as isArray, a4 as baseIteratee, J as FOCUS_CLASS, B as HEADER_SORTABLE_CLASS, F as HEADER_ACTUAL_ROW_CLASS } from './dimension.helpers-5567e424.js';
-import { G as GroupingRowRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './sorting.sign-c02e3b12.js';
+import { G as GroupingRowRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './grouping.row.renderer-95f32c6b.js';
 import { c as FilterButton } from './filter.button-84396156.js';
 import { H as HeaderCellRenderer } from './header-cell-renderer-31f53644.js';
 import { t as throttle, L as LocalScrollTimer, a as LocalScrollService } from './throttle-dec28f5b.js';

package/dist/types/plugins/sorting/sorting.func.d.ts

@@ -1,3 +1,9 @@
-import type { DataType } from "../../types/index";
+import type { CellCompareFunc, ColumnProp, ColumnRegular, DataType, Order } from "../../types/index";
 import type { SortingOrderFunction } from './sorting.types';
 export declare function sortIndexByItems(indexes: number[], source: DataType[], sortingFunc?: SortingOrderFunction): number[];
+export declare function defaultCellCompare(this: {
+    column?: ColumnRegular;
+}, prop: ColumnProp, a: DataType, b: DataType): 0 | 1 | -1;
+export declare function descCellCompare(cmp: CellCompareFunc): (prop: ColumnProp, a: DataType, b: DataType) => number;
+export declare function getNextOrder(currentOrder: Order): Order;
+export declare function getComparer(column: Partial<ColumnRegular> | undefined, order: Order): CellCompareFunc | undefined;

package/dist/types/plugins/sorting/sorting.plugin.d.ts

@@ -1,7 +1,9 @@
 import { BasePlugin } from '../base.plugin';
-import type { ColumnProp, Order, CellCompareFunc, ColumnRegular, DataType, DimensionRows, PluginProviders } from "../../types/index";
+import type { ColumnRegular, DimensionRows, PluginProviders } from "../../types/index";
 import type { SortingConfig, SortingOrder, SortingOrderFunction } from './sorting.types';
 export * from './sorting.types';
+export * from './sorting.func';
+export * from './sorting.sign';
 /**
  * Lifecycle
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
@@ -21,7 +23,6 @@ export declare class SortingPlugin extends BasePlugin {
     runSorting(order?: SortingOrder, comparison?: SortingOrderFunction, ignoreViewportUpdate?: boolean): void;
     constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders, config?: SortingConfig);
     startSorting(order?: SortingOrder, sortingFunc?: SortingOrderFunction, ignoreViewportUpdate?: boolean): void;
-    getComparer(column: Partial<ColumnRegular> | undefined, order: Order): CellCompareFunc | undefined;
     /**
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
@@ -36,9 +37,4 @@ export declare class SortingPlugin extends BasePlugin {
      * @param data - this.stores['rgRow'].store.get('source')
      */
     sort(sorting?: SortingOrder, sortingFunc?: SortingOrderFunction, types?: DimensionRows[], ignoreViewportUpdate?: boolean): void;
-    defaultCellCompare(this: {
-        column?: ColumnRegular;
-    }, prop: ColumnProp, a: DataType, b: DataType): 0 | 1 | -1;
-    descCellCompare(cmp: CellCompareFunc): (prop: ColumnProp, a: DataType, b: DataType) => number;
-    getNextOrder(currentOrder: Order): Order;
 }

package/hydrate/index.js

@@ -12071,6 +12071,50 @@ function sortIndexByItems(indexes, source, sortingFunc = {}) {
         return 0;
     });
 }
+function defaultCellCompare(prop, a, b) {
+    const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
+    const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
+    const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
+    const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
+    if (av === bv) {
+        return 0;
+    }
+    if (av > bv) {
+        return 1;
+    }
+    return -1;
+}
+function descCellCompare(cmp) {
+    return (prop, a, b) => {
+        return -1 * cmp(prop, a, b);
+    };
+}
+function getNextOrder(currentOrder) {
+    switch (currentOrder) {
+        case undefined:
+            return 'asc';
+        case 'asc':
+            return 'desc';
+        case 'desc':
+            return undefined;
+    }
+}
+function getComparer(column, order) {
+    var _a;
+    const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || (defaultCellCompare === null || defaultCellCompare === void 0 ? void 0 : defaultCellCompare.bind({ column, order }));
+    if (order == 'asc') {
+        return cellCmp;
+    }
+    if (order == 'desc') {
+        return descCellCompare(cellCmp);
+    }
+    return undefined;
+}
+
+const SortingSign = ({ column }) => {
+    var _a;
+    return hAsync("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
+};
 
 /**
  * Lifecycle
@@ -12100,7 +12144,7 @@ class SortingPlugin extends BasePlugin {
                 const sortingFunc = {};
                 const order = {};
                 (_a = cfg.columns) === null || _a === void 0 ? void 0 : _a.forEach(col => {
-                    sortingFunc[col.prop] = this.getComparer(col, col.order);
+                    sortingFunc[col.prop] = getComparer(col, col.order);
                     order[col.prop] = col.order;
                 });
                 // // set sorting
@@ -12132,7 +12176,7 @@ class SortingPlugin extends BasePlugin {
             const columns = this.providers.column.getColumns();
             const sortingFunc = {};
             for (let prop in order) {
-                const cmp = this.getComparer(getColumnByProp(columns, prop), order[prop]);
+                const cmp = getComparer(getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             // set sorting
@@ -12159,24 +12203,13 @@ class SortingPlugin extends BasePlugin {
         }
         this.postponeSort(order, sortingFunc, ignoreViewportUpdate);
     }
-    getComparer(column, order) {
-        var _a, _b;
-        const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || ((_b = this.defaultCellCompare) === null || _b === void 0 ? void 0 : _b.bind({ column, order }));
-        if (order == 'asc') {
-            return cellCmp;
-        }
-        if (order == 'desc') {
-            return this.descCellCompare(cellCmp);
-        }
-        return undefined;
-    }
     /**
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
      */
     headerclick(column, index, additive) {
         var _a, _b;
-        let order = this.getNextOrder(column.order);
+        let order = getNextOrder(column.order);
         const beforeEvent = this.emit('beforesorting', { column, order, additive });
         if (beforeEvent.defaultPrevented) {
             return;
@@ -12192,7 +12225,7 @@ class SortingPlugin extends BasePlugin {
         if (beforeApplyEvent.defaultPrevented) {
             return;
         }
-        const cmp = this.getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
+        const cmp = getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
         if (beforeApplyEvent.detail.additive && this.sorting) {
             const sorting = {};
             const sortingFunc = {};
@@ -12268,28 +12301,6 @@ class SortingPlugin extends BasePlugin {
         }
         this.emit('aftersortingapply');
     }
-    defaultCellCompare(prop, a, b) {
-        const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
-        const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
-        const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
-        const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
-        return av == bv ? 0 : av > bv ? 1 : -1;
-    }
-    descCellCompare(cmp) {
-        return (prop, a, b) => {
-            return -1 * cmp(prop, a, b);
-        };
-    }
-    getNextOrder(currentOrder) {
-        switch (currentOrder) {
-            case undefined:
-                return 'asc';
-            case 'asc':
-                return 'desc';
-            case 'desc':
-                return undefined;
-        }
-    }
 }
 
 /**
@@ -16015,11 +16026,6 @@ var keyBy = createAggregator(function(result, value, key) {
 
 var keyBy$1 = keyBy;
 
-const SortingSign = ({ column }) => {
-    var _a;
-    return hAsync("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
-};
-
 const HeaderRenderer = (p) => {
     var _a, _b, _c, _d, _e;
     const cellClass = {

package/hydrate/index.mjs

@@ -12067,6 +12067,50 @@ function sortIndexByItems(indexes, source, sortingFunc = {}) {
         return 0;
     });
 }
+function defaultCellCompare(prop, a, b) {
+    const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
+    const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
+    const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
+    const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
+    if (av === bv) {
+        return 0;
+    }
+    if (av > bv) {
+        return 1;
+    }
+    return -1;
+}
+function descCellCompare(cmp) {
+    return (prop, a, b) => {
+        return -1 * cmp(prop, a, b);
+    };
+}
+function getNextOrder(currentOrder) {
+    switch (currentOrder) {
+        case undefined:
+            return 'asc';
+        case 'asc':
+            return 'desc';
+        case 'desc':
+            return undefined;
+    }
+}
+function getComparer(column, order) {
+    var _a;
+    const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || (defaultCellCompare === null || defaultCellCompare === void 0 ? void 0 : defaultCellCompare.bind({ column, order }));
+    if (order == 'asc') {
+        return cellCmp;
+    }
+    if (order == 'desc') {
+        return descCellCompare(cellCmp);
+    }
+    return undefined;
+}
+
+const SortingSign = ({ column }) => {
+    var _a;
+    return hAsync("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
+};
 
 /**
  * Lifecycle
@@ -12096,7 +12140,7 @@ class SortingPlugin extends BasePlugin {
                 const sortingFunc = {};
                 const order = {};
                 (_a = cfg.columns) === null || _a === void 0 ? void 0 : _a.forEach(col => {
-                    sortingFunc[col.prop] = this.getComparer(col, col.order);
+                    sortingFunc[col.prop] = getComparer(col, col.order);
                     order[col.prop] = col.order;
                 });
                 // // set sorting
@@ -12128,7 +12172,7 @@ class SortingPlugin extends BasePlugin {
             const columns = this.providers.column.getColumns();
             const sortingFunc = {};
             for (let prop in order) {
-                const cmp = this.getComparer(getColumnByProp(columns, prop), order[prop]);
+                const cmp = getComparer(getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             // set sorting
@@ -12155,24 +12199,13 @@ class SortingPlugin extends BasePlugin {
         }
         this.postponeSort(order, sortingFunc, ignoreViewportUpdate);
     }
-    getComparer(column, order) {
-        var _a, _b;
-        const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || ((_b = this.defaultCellCompare) === null || _b === void 0 ? void 0 : _b.bind({ column, order }));
-        if (order == 'asc') {
-            return cellCmp;
-        }
-        if (order == 'desc') {
-            return this.descCellCompare(cellCmp);
-        }
-        return undefined;
-    }
     /**
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
      */
     headerclick(column, index, additive) {
         var _a, _b;
-        let order = this.getNextOrder(column.order);
+        let order = getNextOrder(column.order);
         const beforeEvent = this.emit('beforesorting', { column, order, additive });
         if (beforeEvent.defaultPrevented) {
             return;
@@ -12188,7 +12221,7 @@ class SortingPlugin extends BasePlugin {
         if (beforeApplyEvent.defaultPrevented) {
             return;
         }
-        const cmp = this.getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
+        const cmp = getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
         if (beforeApplyEvent.detail.additive && this.sorting) {
             const sorting = {};
             const sortingFunc = {};
@@ -12264,28 +12297,6 @@ class SortingPlugin extends BasePlugin {
         }
         this.emit('aftersortingapply');
     }
-    defaultCellCompare(prop, a, b) {
-        const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
-        const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
-        const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
-        const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
-        return av == bv ? 0 : av > bv ? 1 : -1;
-    }
-    descCellCompare(cmp) {
-        return (prop, a, b) => {
-            return -1 * cmp(prop, a, b);
-        };
-    }
-    getNextOrder(currentOrder) {
-        switch (currentOrder) {
-            case undefined:
-                return 'asc';
-            case 'asc':
-                return 'desc';
-            case 'desc':
-                return undefined;
-        }
-    }
 }
 
 /**
@@ -16011,11 +16022,6 @@ var keyBy = createAggregator(function(result, value, key) {
 
 var keyBy$1 = keyBy;
 
-const SortingSign = ({ column }) => {
-    var _a;
-    return hAsync("i", { class: (_a = column === null || column === void 0 ? void 0 : column.order) !== null && _a !== void 0 ? _a : 'sort-off' });
-};
-
 const HeaderRenderer = (p) => {
     var _a, _b, _c, _d, _e;
     const cellClass = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.13.1",
+  "version": "4.13.3",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",

package/standalone/index.js

@@ -4,7 +4,7 @@
 import { setMode } from '@stencil/core/internal/client';
 export { getAssetPath, h, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 import { g as getTheme, B as BasePlugin } from './revo-grid.js';
-export { A as AutoSizeColumnPlugin, B as BasePlugin, C as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, d as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, e as FILTE_PANEL, f as FilterPlugin, G as GroupingRowPlugin, RevoGrid, o as SortingPlugin, S as StretchColumn, c as columnTypes, defineCustomElement as defineCustomElementRevoGrid, l as doCollapse, m as doExpand, h as filterCoreFunctionsIndexedByType, k as filterNames, j as filterTypes, n as getLeftRelative, i as isRowType, a as isStretchPlugin, r as rowTypes } from './revo-grid.js';
+export { A as AutoSizeColumnPlugin, B as BasePlugin, C as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, d as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, e as FILTE_PANEL, f as FilterPlugin, G as GroupingRowPlugin, RevoGrid, o as SortingPlugin, S as StretchColumn, c as columnTypes, p as defaultCellCompare, defineCustomElement as defineCustomElementRevoGrid, q as descCellCompare, l as doCollapse, m as doExpand, h as filterCoreFunctionsIndexedByType, k as filterNames, j as filterTypes, u as getComparer, n as getLeftRelative, t as getNextOrder, i as isRowType, a as isStretchPlugin, r as rowTypes, s as sortIndexByItems } from './revo-grid.js';
 export { S as SortingSign, d as dispatch, a as dispatchByEvent } from './revogr-header2.js';
 export { C as CELL_CLASS, j as CELL_HANDLER_CLASS, D as DATA_COL, a as DATA_ROW, b as DISABLED_CLASS, h as DRAGGABLE_CLASS, k as DRAGG_TEXT, g as DRAG_ICON_CLASS, E as EDIT_INPUT_WR, F as FOCUS_CLASS, G as GRID_INTERNALS, f as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, e as HEADER_ROW_CLASS, d as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, i as MOBILE_CLASS, R as RESIZE_INTERVAL, l as ROW_FOCUSED_CLASS, c as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS } from './consts.js';
 export { a as applyMixins, f as findPositionInArray, g as getScrollbarSize, m as mergeSortedArray, p as pushSorted, r as range, s as scaleValue, t as timeout } from './index2.js';

package/standalone/revo-grid.js

@@ -2,7 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import { h, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, Host } from '@stencil/core/internal/client';
-import { H as reduce, I as baseEach, A as getColumnType, s as isGrouping, r as getGroupingName, z as getCellDataParsed, F as getColumnByProp, y as getCellRaw, f as GROUP_EXPANDED, v as getParsedGroup, b as PSEUDO_GROUP_ITEM_ID, w as isSameGroup, G as GROUP_DEPTH, d as PSEUDO_GROUP_ITEM_VALUE, m as GROUPING_ROW_TYPE, o as getSource, e as PSEUDO_GROUP_COLUMN, q as gatherGrouping, t as isGroupingColumn, p as getExpanded, C as isColGrouping, B as getColumnSizes, J as EMPTY_INDEX, D as getColumns, K as SelectionStoreConnector } from './column.service.js';
+import { H as reduce, I as baseEach, A as getColumnType, s as isGrouping, r as getGroupingName, z as getCellDataParsed, y as getCellRaw, F as getColumnByProp, f as GROUP_EXPANDED, v as getParsedGroup, b as PSEUDO_GROUP_ITEM_ID, w as isSameGroup, G as GROUP_DEPTH, d as PSEUDO_GROUP_ITEM_VALUE, m as GROUPING_ROW_TYPE, o as getSource, e as PSEUDO_GROUP_COLUMN, q as gatherGrouping, t as isGroupingColumn, p as getExpanded, C as isColGrouping, B as getColumnSizes, J as EMPTY_INDEX, D as getColumns, K as SelectionStoreConnector } from './column.service.js';
 import './platform.js';
 import { j as createStore, i as setStore, k as identity, l as isArray, b as getSourceItem, m as toInteger, n as isIterateeCall, o as baseProperty, q as isArrayLike, r as getTag, u as baseKeys, g as getPhysical, e as setItems, D as DataStore, f as getSourceItemVirtualIndexByProp, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, a as getVisibleSourceItem, h as gatherTrimmedItems } from './data.store.js';
 import { d as debounce } from './debounce.js';
@@ -1803,6 +1803,45 @@ function sortIndexByItems(indexes, source, sortingFunc = {}) {
         return 0;
     });
 }
+function defaultCellCompare(prop, a, b) {
+    const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
+    const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
+    const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
+    const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
+    if (av === bv) {
+        return 0;
+    }
+    if (av > bv) {
+        return 1;
+    }
+    return -1;
+}
+function descCellCompare(cmp) {
+    return (prop, a, b) => {
+        return -1 * cmp(prop, a, b);
+    };
+}
+function getNextOrder(currentOrder) {
+    switch (currentOrder) {
+        case undefined:
+            return 'asc';
+        case 'asc':
+            return 'desc';
+        case 'desc':
+            return undefined;
+    }
+}
+function getComparer(column, order) {
+    var _a;
+    const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || (defaultCellCompare === null || defaultCellCompare === void 0 ? void 0 : defaultCellCompare.bind({ column, order }));
+    if (order == 'asc') {
+        return cellCmp;
+    }
+    if (order == 'desc') {
+        return descCellCompare(cellCmp);
+    }
+    return undefined;
+}
 
 /**
  * Lifecycle
@@ -1832,7 +1871,7 @@ class SortingPlugin extends BasePlugin {
                 const sortingFunc = {};
                 const order = {};
                 (_a = cfg.columns) === null || _a === void 0 ? void 0 : _a.forEach(col => {
-                    sortingFunc[col.prop] = this.getComparer(col, col.order);
+                    sortingFunc[col.prop] = getComparer(col, col.order);
                     order[col.prop] = col.order;
                 });
                 // // set sorting
@@ -1864,7 +1903,7 @@ class SortingPlugin extends BasePlugin {
             const columns = this.providers.column.getColumns();
             const sortingFunc = {};
             for (let prop in order) {
-                const cmp = this.getComparer(getColumnByProp(columns, prop), order[prop]);
+                const cmp = getComparer(getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             // set sorting
@@ -1891,24 +1930,13 @@ class SortingPlugin extends BasePlugin {
         }
         this.postponeSort(order, sortingFunc, ignoreViewportUpdate);
     }
-    getComparer(column, order) {
-        var _a, _b;
-        const cellCmp = ((_a = column === null || column === void 0 ? void 0 : column.cellCompare) === null || _a === void 0 ? void 0 : _a.bind({ order })) || ((_b = this.defaultCellCompare) === null || _b === void 0 ? void 0 : _b.bind({ column, order }));
-        if (order == 'asc') {
-            return cellCmp;
-        }
-        if (order == 'desc') {
-            return this.descCellCompare(cellCmp);
-        }
-        return undefined;
-    }
     /**
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
      */
     headerclick(column, index, additive) {
         var _a, _b;
-        let order = this.getNextOrder(column.order);
+        let order = getNextOrder(column.order);
         const beforeEvent = this.emit('beforesorting', { column, order, additive });
         if (beforeEvent.defaultPrevented) {
             return;
@@ -1924,7 +1952,7 @@ class SortingPlugin extends BasePlugin {
         if (beforeApplyEvent.defaultPrevented) {
             return;
         }
-        const cmp = this.getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
+        const cmp = getComparer(beforeApplyEvent.detail.column, beforeApplyEvent.detail.order);
         if (beforeApplyEvent.detail.additive && this.sorting) {
             const sorting = {};
             const sortingFunc = {};
@@ -2000,28 +2028,6 @@ class SortingPlugin extends BasePlugin {
         }
         this.emit('aftersortingapply');
     }
-    defaultCellCompare(prop, a, b) {
-        const aRaw = this.column ? getCellRaw(a, this.column) : a === null || a === void 0 ? void 0 : a[prop];
-        const bRaw = this.column ? getCellRaw(b, this.column) : b === null || b === void 0 ? void 0 : b[prop];
-        const av = aRaw === null || aRaw === void 0 ? void 0 : aRaw.toString().toLowerCase();
-        const bv = bRaw === null || bRaw === void 0 ? void 0 : bRaw.toString().toLowerCase();
-        return av == bv ? 0 : av > bv ? 1 : -1;
-    }
-    descCellCompare(cmp) {
-        return (prop, a, b) => {
-            return -1 * cmp(prop, a, b);
-        };
-    }
-    getNextOrder(currentOrder) {
-        switch (currentOrder) {
-            case undefined:
-                return 'asc';
-            case 'asc':
-                return 'desc';
-            case 'desc':
-                return undefined;
-        }
-    }
 }
 
 // provide collapse data
@@ -4633,6 +4639,6 @@ function defineCustomElement$1() {
 const RevoGrid = RevoGridComponent;
 const defineCustomElement = defineCustomElement$1;
 
-export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnMovePlugin as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, RevoGrid, StretchColumn as S, isStretchPlugin as a, ExportCsv as b, columnTypes as c, FILTER_CONFIG_CHANGED_EVENT as d, defineCustomElement, FILTE_PANEL as e, FilterPlugin as f, getTheme as g, filterCoreFunctionsIndexedByType as h, isRowType as i, filterTypes as j, filterNames as k, doCollapse as l, doExpand as m, getLeftRelative as n, SortingPlugin as o, rowTypes as r };
+export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnMovePlugin as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, RevoGrid, StretchColumn as S, isStretchPlugin as a, ExportCsv as b, columnTypes as c, FILTER_CONFIG_CHANGED_EVENT as d, defineCustomElement, FILTE_PANEL as e, FilterPlugin as f, getTheme as g, filterCoreFunctionsIndexedByType as h, isRowType as i, filterTypes as j, filterNames as k, doCollapse as l, doExpand as m, getLeftRelative as n, SortingPlugin as o, defaultCellCompare as p, descCellCompare as q, rowTypes as r, sortIndexByItems as s, getNextOrder as t, getComparer as u };
 
 //# sourceMappingURL=revo-grid.js.map