lsp-grid 1.0.0

package/dist/collection/plugins/filter/filter.style.css

@@ -0,0 +1,165 @@
+revogr-filter-panel {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  max-height: calc(100% - 80px);
+  min-width: 250px;
+  overflow: auto;
+  opacity: 1;
+  transform: none;
+  background-color: var(--revo-grid-filter-panel-bg, #fff);
+  border: 1px solid var(--revo-grid-filter-panel-border, #cecece);
+  transform-origin: 62px 0px;
+  box-shadow: 0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));
+  padding: 10px;
+  border-radius: 8px;
+  min-width: 220px;
+  text-align: left;
+}
+revogr-filter-panel .filter-holder > div {
+  display: flex;
+  flex-direction: column;
+}
+revogr-filter-panel label {
+  font-size: 13px;
+  display: block;
+  padding: 8px 0;
+}
+revogr-filter-panel select {
+  width: 100%;
+}
+revogr-filter-panel input[type=text] {
+  border: 0;
+  min-height: 34px;
+  margin: 5px 0;
+  background: var(--revo-grid-filter-panel-input-bg, #f3f3f3);
+  border-radius: 5px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  width: 100%;
+}
+revogr-filter-panel button {
+  margin-top: 10px;
+  margin-right: 5px;
+}
+revogr-filter-panel .filter-actions {
+  text-align: right;
+  margin-right: -5px;
+}
+
+.rgHeaderCell:hover .rv-filter {
+  transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+.rgHeaderCell:hover .rv-filter,
+.rgHeaderCell .rv-filter.active {
+  opacity: 1;
+}
+.rgHeaderCell .rv-filter {
+  height: 24px;
+  width: 24px;
+  background: none;
+  border: 0;
+  opacity: 0;
+  visibility: visible;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.rgHeaderCell .rv-filter.active {
+  color: #10224a;
+}
+.rgHeaderCell .rv-filter .filter-img {
+  color: gray;
+  width: 11px;
+}
+
+.select-css {
+  display: block;
+  font-family: sans-serif;
+  line-height: 1.3;
+  padding: 0.6em 1.4em 0.5em 0.8em;
+  width: 100%;
+  max-width: 100%; /* useful when width is set to anything other than 100% */
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);
+  box-shadow: transparent;
+  border-radius: 0.5em;
+  appearance: none;
+  background-color: var(--revo-grid-filter-panel-input-bg, #f3f3f3);
+  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat, repeat;
+  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
+  background-position: right 0.7em top 50%, 0 0;
+  /* icon size, then gradient */
+  background-size: 0.65em auto, 100%;
+  /* Hide arrow icon in IE browsers */
+  /* Hover style */
+  /* Focus style */
+  /* Set options to normal weight */
+  /* Disabled styles */
+}
+.select-css::-ms-expand {
+  display: none;
+}
+.select-css:hover {
+  border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);
+}
+.select-css:focus {
+  border-color: var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);
+  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
+  box-shadow: 0 0 0 3px -moz-mac-focusring;
+  outline: none;
+}
+.select-css option {
+  font-weight: normal;
+}
+.select-css:disabled, .select-css[aria-disabled=true] {
+  color: gray;
+  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
+}
+.select-css:disabled:hover, .select-css[aria-disabled=true] {
+  border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);
+}
+
+.multi-filter-list {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.multi-filter-list div {
+  white-space: nowrap;
+}
+.multi-filter-list .multi-filter-list-action {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.multi-filter-list .and-or-button {
+  margin: 0 0 0 10px;
+  min-width: 58px;
+  cursor: pointer;
+}
+.multi-filter-list .trash-button {
+  margin: 0 0 -2px 6px;
+  cursor: pointer;
+  width: 22px;
+  height: 100%;
+  font-size: 16px;
+}
+.multi-filter-list .trash-button .trash-img {
+  width: 1em;
+}
+
+.add-filter-divider {
+  display: block;
+  margin: 0 -10px 10px -10px;
+  border-bottom: 1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);
+  height: 10px;
+}
+
+.select-input {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}

package/dist/collection/plugins/filter/filter.types.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+// filter.types.ts
+;
+;
+;
+export {};
+//# sourceMappingURL=filter.types.js.map

package/dist/collection/plugins/filter/filter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.types.js","sourceRoot":"","sources":["../../../src/plugins/filter/filter.types.ts"],"names":[],"mappings":"AAAA,kBAAkB;AA8DjB,CAAC;AAYD,CAAC;AA+ED,CAAC","sourcesContent":["// filter.types.ts\r\n\r\nimport type { ColumnProp, ColumnRegular, HyperFunc } from '@type';\r\nimport type { FilterType } from './filter.indexed';\r\nimport type { VNode } from '@stencil/core';\r\n\r\nexport type DateEnum =\r\n  | 'today'\r\n  | 'yesterday'\r\n  | 'tomorrow'\r\n  | 'thisweek'\r\n  | 'lastweek'\r\n  | 'nextweek'\r\n  | 'thismonth'\r\n  | 'lastmonth'\r\n  | 'nextmonth'\r\n  | 'thisyear'\r\n  | 'lastyear'\r\n  | 'nextyear';\r\n\r\nexport type ExtraField = 'input' | 'datepicker' | ((h: HyperFunc<VNode>, config: {\r\n  value: any;\r\n  filter: FilterItem;\r\n  prop: ColumnProp;\r\n  index: number;\r\n  placeholder: string;\r\n  onInput: (value: any) => void;\r\n  onFocus: () => void;\r\n}) => VNode | VNode[]);\r\n\r\nexport type LogicFunctionParam = any;\r\nexport type LogicFunctionExtraParam =\r\n  | 'select'\r\n  | 'input'\r\n  | 'multi'\r\n  | 'datepicker'\r\n  | number\r\n  | Date\r\n  | DateEnum\r\n  | null\r\n  | undefined\r\n  | string\r\n  | string[]\r\n  | number[];\r\nexport interface LogicFunction<T1 = LogicFunctionParam, T2 = LogicFunctionExtraParam> {\r\n  (value: T1, extra?: T2): boolean;\r\n  extra?: ExtraField;\r\n}\r\n\r\nexport interface CustomFilter<T1 = LogicFunctionParam, T2 = LogicFunctionExtraParam> {\r\n  /**\r\n   * Property defined in column { filter: string/number/abstract/enum...etc }\r\n   */\r\n  columnFilterType: string;\r\n  /**\r\n   * Filter name\r\n   */\r\n  name: string;\r\n  /**\r\n   * Function to apply the filter\r\n   */\r\n  func: LogicFunction<T1, T2>;\r\n};\r\n\r\nexport interface FilterCaptions {\r\n  title: string;\r\n  save: string;\r\n  reset: string;\r\n  ok: string;\r\n  cancel: string;\r\n  add: string;\r\n  placeholder: string;\r\n  and: string;\r\n  or: string;\r\n};\r\n\r\nexport interface FilterLocalization {\r\n  captions: Partial<FilterCaptions>;\r\n  filterNames: Record<FilterType, string>;\r\n}\r\n/**\r\n * Filter configuration for a column. This is the type of the `filter` property on a column.\r\n */\r\nexport interface ColumnFilterConfig {\r\n  /**\r\n   * The collection of filters to be applied to the column.\r\n   */\r\n  collection?: Record<ColumnProp, FilterCollectionItem>;\r\n  /**\r\n   * The names of the filters to be included in the filter dropdown.\r\n   */\r\n  include?: string[];\r\n  /**\r\n   * A mapping of custom filter names to custom filter functions.\r\n   */\r\n  customFilters?: Record<string, CustomFilter>;\r\n  /**\r\n   * The property on the column idintifying which has the filter is applied.\r\n   */\r\n  filterProp?: string;\r\n  /**\r\n   * The localization for the filter dropdown.\r\n   */\r\n  localization?: FilterLocalization;\r\n  /**\r\n   * Information about the multi-filter items.\r\n   */\r\n  multiFilterItems?: MultiFilterItem;\r\n  /**\r\n   * Whether or not to disable dynamic filtering. If set to true, the filter will only be applied\r\n   * when the user clicks on the filter button.\r\n   */\r\n  disableDynamicFiltering?: boolean;\r\n\r\n  /**\r\n   * Whether or not to close the filter panel when clicking outside\r\n   */\r\n  closeFilterPanelOnOutsideClick?: boolean;\r\n}\r\n\r\nexport type FilterCollectionItem = {\r\n  type: FilterType;\r\n  value?: any;\r\n};\r\n\r\n\r\nexport interface FilterItem {\r\n  // column id\r\n  prop?: ColumnProp;\r\n  // filter type definition\r\n  type?: FilterType;\r\n  // value for additional filtering, text value or some id\r\n  value?: any;\r\n}\r\n\r\nexport interface FilterData {\r\n  id: number;\r\n  /**\r\n   * Filter type\r\n   */\r\n  type: FilterType;\r\n  /**\r\n   * Filter value\r\n   */\r\n  value?: any;\r\n  /**\r\n   * Filter invisible in filter panel\r\n   */\r\n  hidden?: boolean;\r\n  /**\r\n   * Filter relation\r\n   */\r\n  relation?: 'and' | 'or';\r\n};\r\n\r\nexport interface MultiFilterItem {\r\n  [prop: string]: FilterData[];\r\n}\r\n\r\nexport interface ShowData extends FilterItem, Omit<ColumnRegular, 'filter'> {\r\n  x: number;\r\n  y: number;\r\n  /**\r\n   * Auto correct position if it is out of document bounds\r\n   */\r\n  autoCorrect?: boolean;\r\n  filterTypes?: Record<string, string[]>;\r\n  filterItems?: MultiFilterItem;\r\n  // hide default filters\r\n  hideDefaultFilters?: boolean;\r\n  // pass vnodes from plugins\r\n  extraContent?: (data: ShowData) => any;\r\n}\r\n"]}

package/dist/collection/plugins/groupingRow/grouping.const.js

@@ -0,0 +1,16 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { GRID_INTERNALS } from "../../utils/consts";
+export const GROUP_DEPTH = `${GRID_INTERNALS}-depth`;
+export const PSEUDO_GROUP_ITEM = `${GRID_INTERNALS}-name`;
+export const PSEUDO_GROUP_ITEM_ID = `${GRID_INTERNALS}-id`;
+export const PSEUDO_GROUP_ITEM_VALUE = `${GRID_INTERNALS}-value`;
+export const PSEUDO_GROUP_COLUMN = `${GRID_INTERNALS}-column`;
+export const GROUP_EXPANDED = `${GRID_INTERNALS}-expanded`;
+export const GROUP_COLUMN_PROP = `${GRID_INTERNALS}-prop`;
+export const GROUP_ORIGINAL_INDEX = `${GRID_INTERNALS}-original-index`;
+export const GROUP_EXPAND_BTN = `group-expand`;
+export const GROUP_EXPAND_EVENT = `groupexpandclick`;
+export const GROUPING_ROW_TYPE = 'rgRow';
+//# sourceMappingURL=grouping.const.js.map

package/dist/collection/plugins/groupingRow/grouping.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.const.js","sourceRoot":"","sources":["../../../src/plugins/groupingRow/grouping.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,cAAc,QAAQ,CAAC;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,cAAc,OAAO,CAAC;AAC1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,cAAc,KAAK,CAAC;AAC3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,cAAc,QAAQ,CAAC;AACjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,cAAc,SAAS,CAAC;AAC9D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,cAAc,WAAW,CAAC;AAC3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,cAAc,OAAO,CAAC;AAC1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,cAAc,iBAAiB,CAAC;AACvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAkB,OAAO,CAAC","sourcesContent":["import { DimensionRows } from '@type';\r\nimport { GRID_INTERNALS } from '../../utils/consts';\r\n\r\nexport const GROUP_DEPTH = `${GRID_INTERNALS}-depth`;\r\nexport const PSEUDO_GROUP_ITEM = `${GRID_INTERNALS}-name`;\r\nexport const PSEUDO_GROUP_ITEM_ID = `${GRID_INTERNALS}-id`;\r\nexport const PSEUDO_GROUP_ITEM_VALUE = `${GRID_INTERNALS}-value`;\r\nexport const PSEUDO_GROUP_COLUMN = `${GRID_INTERNALS}-column`;\r\nexport const GROUP_EXPANDED = `${GRID_INTERNALS}-expanded`;\r\nexport const GROUP_COLUMN_PROP = `${GRID_INTERNALS}-prop`;\r\nexport const GROUP_ORIGINAL_INDEX = `${GRID_INTERNALS}-original-index`;\r\nexport const GROUP_EXPAND_BTN = `group-expand`;\r\nexport const GROUP_EXPAND_EVENT = `groupexpandclick`;\r\nexport const GROUPING_ROW_TYPE: DimensionRows = 'rgRow';\r\n"]}

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js

@@ -0,0 +1,79 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { PSEUDO_GROUP_ITEM_ID, PSEUDO_GROUP_ITEM_VALUE, GROUP_EXPANDED, GROUP_DEPTH } from "./grouping.const";
+import { isGrouping, getParsedGroup, isSameGroup } from "./grouping.service";
+// provide collapse data
+export function doCollapse(pIndex, source) {
+    const model = source[pIndex];
+    const collapseValue = model[PSEUDO_GROUP_ITEM_VALUE];
+    const trimmed = {};
+    let i = pIndex + 1;
+    const total = source.length;
+    while (i < total) {
+        const currentModel = source[i];
+        if (isGrouping(currentModel)) {
+            const currentValue = currentModel[PSEUDO_GROUP_ITEM_VALUE];
+            if (!currentValue.length || !currentValue.startsWith(collapseValue + ',')) {
+                break;
+            }
+            currentModel[GROUP_EXPANDED] = false;
+        }
+        trimmed[i++] = true;
+    }
+    model[GROUP_EXPANDED] = false;
+    return { trimmed };
+}
+/**
+ *
+ * @param pIndex - physical index
+ * @param vIndex - virtual index, need to update item collection
+ * @param source - data source
+ * @param rowItemsIndexes - rgRow indexes
+ */
+export function doExpand(vIndex, source, rowItemsIndexes) {
+    const physicalIndex = rowItemsIndexes[vIndex];
+    const model = source[physicalIndex];
+    const currentGroup = getParsedGroup(model[PSEUDO_GROUP_ITEM_ID]);
+    const trimmed = {};
+    // no group found
+    if (!currentGroup) {
+        return { trimmed };
+    }
+    const groupItems = [];
+    model[GROUP_EXPANDED] = true;
+    let i = physicalIndex + 1;
+    const total = source.length;
+    let groupLevelOnly = 0;
+    // go through all rows
+    while (i < total) {
+        const currentModel = source[i];
+        const isGroup = isGrouping(currentModel);
+        // group found
+        if (isGroup) {
+            if (!isSameGroup(currentGroup, model, currentModel)) {
+                break;
+            }
+            else if (!groupLevelOnly) {
+                // if get group first it's group only level
+                groupLevelOnly = currentModel[GROUP_DEPTH];
+            }
+        }
+        // level 0 or same depth
+        if (!groupLevelOnly || (isGroup && groupLevelOnly === currentModel[GROUP_DEPTH])) {
+            trimmed[i] = false;
+            groupItems.push(i);
+        }
+        i++;
+    }
+    const result = {
+        trimmed,
+    };
+    if (groupItems.length) {
+        const items = [...rowItemsIndexes];
+        items.splice(vIndex + 1, 0, ...groupItems);
+        result.items = items;
+    }
+    return result;
+}
+//# sourceMappingURL=grouping.row.expand.service.js.map

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.row.expand.service.js","sourceRoot":"","sources":["../../../src/plugins/groupingRow/grouping.row.expand.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataType } from '@type';\r\nimport { PSEUDO_GROUP_ITEM_ID, PSEUDO_GROUP_ITEM_VALUE, GROUP_EXPANDED, GROUP_DEPTH } from './grouping.const';\r\nimport { isGrouping, getParsedGroup, isSameGroup } from './grouping.service';\r\n\r\n// provide collapse data\r\nexport function doCollapse(pIndex: number, source: DataType[]) {\r\n  const model = source[pIndex];\r\n  const collapseValue = model[PSEUDO_GROUP_ITEM_VALUE];\r\n  const trimmed: Record<number, boolean> = {};\r\n  let i = pIndex + 1;\r\n  const total = source.length;\r\n  while (i < total) {\r\n    const currentModel = source[i];\r\n    if (isGrouping(currentModel)) {\r\n      const currentValue = currentModel[PSEUDO_GROUP_ITEM_VALUE];\r\n      if (!currentValue.length || !currentValue.startsWith(collapseValue + ',')) {\r\n        break;\r\n      }\r\n      currentModel[GROUP_EXPANDED] = false;\r\n    }\r\n    trimmed[i++] = true;\r\n  }\r\n  model[GROUP_EXPANDED] = false;\r\n  return { trimmed };\r\n}\r\n\r\n/**\r\n *\r\n * @param pIndex - physical index\r\n * @param vIndex - virtual index, need to update item collection\r\n * @param source - data source\r\n * @param rowItemsIndexes - rgRow indexes\r\n */\r\nexport function doExpand(vIndex: number, source: DataType[], rowItemsIndexes: number[]) {\r\n  const physicalIndex = rowItemsIndexes[vIndex];\r\n  const model = source[physicalIndex];\r\n  const currentGroup = getParsedGroup(model[PSEUDO_GROUP_ITEM_ID]);\r\n  const trimmed: Record<number, boolean> = {};\r\n\r\n  // no group found\r\n  if (!currentGroup) {\r\n    return { trimmed };\r\n  }\r\n\r\n  const groupItems: number[] = [];\r\n  model[GROUP_EXPANDED] = true;\r\n  let i = physicalIndex + 1;\r\n  const total = source.length;\r\n  let groupLevelOnly = 0;\r\n\r\n  // go through all rows\r\n  while (i < total) {\r\n    const currentModel = source[i];\r\n    const isGroup = isGrouping(currentModel);\r\n    // group found\r\n    if (isGroup) {\r\n      if (!isSameGroup(currentGroup, model, currentModel)) {\r\n        break;\r\n      } else if (!groupLevelOnly) {\r\n        // if get group first it's group only level\r\n        groupLevelOnly = currentModel[GROUP_DEPTH];\r\n      }\r\n    }\r\n    // level 0 or same depth\r\n    if (!groupLevelOnly || (isGroup && groupLevelOnly === currentModel[GROUP_DEPTH])) {\r\n      trimmed[i] = false;\r\n      groupItems.push(i);\r\n    }\r\n    i++;\r\n  }\r\n  const result: {\r\n    trimmed: Record<number, boolean>;\r\n    items?: number[];\r\n  } = {\r\n    trimmed,\r\n  };\r\n  if (groupItems.length) {\r\n    const items = [...rowItemsIndexes];\r\n    items.splice(vIndex + 1, 0, ...groupItems);\r\n    result.items = items;\r\n  }\r\n  return result;\r\n}\r\n"]}

package/dist/collection/plugins/groupingRow/grouping.row.plugin.js

@@ -0,0 +1,245 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { getPhysical, setItems, columnTypes, } from "../../store/index";
+import { BasePlugin } from "../base.plugin";
+import { FILTER_TRIMMED_TYPE } from "../filter/filter.plugin";
+import { SortingPlugin } from "../sorting/sorting.plugin";
+import { GROUP_EXPAND_EVENT, GROUPING_ROW_TYPE, PSEUDO_GROUP_COLUMN, } from "./grouping.const";
+import { doExpand, doCollapse } from "./grouping.row.expand.service";
+import { gatherGrouping, getExpanded, getSource, isGrouping, isGroupingColumn, } from "./grouping.service";
+import { processDoubleConversionTrimmed, TRIMMED_GROUPING, } from "./grouping.trimmed.service";
+export * from './grouping.const';
+export * from './grouping.row.expand.service';
+export * from './grouping.row.types';
+export * from './grouping.service';
+export * from './grouping.row.renderer';
+export class GroupingRowPlugin extends BasePlugin {
+    getStore(type = GROUPING_ROW_TYPE) {
+        return this.providers.data.stores[type].store;
+    }
+    constructor(revogrid, providers) {
+        super(revogrid, providers);
+    }
+    // befoce cell focus
+    onFocus(e) {
+        if (isGrouping(e.detail.model)) {
+            e.preventDefault();
+        }
+    }
+    // expand event triggered
+    onExpand({ virtualIndex }) {
+        const { source } = getSource(this.getStore().get('source'), this.getStore().get('proxyItems'));
+        let newTrimmed = this.getStore().get('trimmed')[TRIMMED_GROUPING];
+        let i = getPhysical(this.getStore(), virtualIndex);
+        const isExpanded = getExpanded(source[i]);
+        if (!isExpanded) {
+            const { trimmed, items } = doExpand(virtualIndex, source, this.getStore().get('items'));
+            newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
+            if (items) {
+                setItems(this.getStore(), items);
+            }
+        }
+        else {
+            const { trimmed } = doCollapse(i, source);
+            newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
+            this.revogrid.clearFocus();
+        }
+        this.getStore().set('source', source);
+        this.revogrid.addTrimmed(newTrimmed, TRIMMED_GROUPING);
+    }
+    setColumnGrouping(cols) {
+        // if 0 column as holder
+        if (cols === null || cols === void 0 ? void 0 : cols.length) {
+            cols[0][PSEUDO_GROUP_COLUMN] = true;
+            return true;
+        }
+        return false;
+    }
+    setColumns({ columns }) {
+        for (let type of columnTypes) {
+            if (this.setColumnGrouping(columns[type])) {
+                break;
+            }
+        }
+    }
+    // evaluate drag between groups
+    onDrag(e) {
+        const { from, to } = e.detail;
+        const isDown = to - from >= 0;
+        const { source } = getSource(this.getStore().get('source'), this.getStore().get('proxyItems'));
+        const items = this.getStore().get('items');
+        let i = isDown ? from : to;
+        const end = isDown ? to : from;
+        for (; i < end; i++) {
+            const model = source[items[i]];
+            const isGroup = isGrouping(model);
+            if (isGroup) {
+                e.preventDefault();
+                return;
+            }
+        }
+    }
+    beforeTrimmedApply(trimmed, type) {
+        /** Before filter apply remove grouping filtering */
+        if (type === FILTER_TRIMMED_TYPE) {
+            const source = this.getStore().get('source');
+            for (let index in trimmed) {
+                if (trimmed[index] && isGrouping(source[index])) {
+                    trimmed[index] = false;
+                }
+            }
+        }
+    }
+    isSortingRunning() {
+        const sortingPlugin = this.providers.plugins.getByClass(SortingPlugin);
+        return !!(sortingPlugin === null || sortingPlugin === void 0 ? void 0 : sortingPlugin.sortingPromise);
+    }
+    /**
+     * Starts global source update with group clearing and applying new one
+     * Initiated when need to reapply grouping
+     */
+    doSourceUpdate(options) {
+        var _a;
+        /**
+         * Get source without grouping
+         * @param newOldIndexMap - provides us mapping with new indexes vs old indexes, we would use it for trimmed mapping
+         */
+        const store = this.getStore();
+        const { source, prevExpanded, oldNewIndexes } = getSource(store.get('source'), store.get('proxyItems'), true);
+        const expanded = Object.assign({ prevExpanded }, options);
+        /**
+         * Group again
+         * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes
+         */
+        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], expanded);
+        const customRenderer = options === null || options === void 0 ? void 0 : options.groupLabelTemplate;
+        // setup source
+        this.providers.data.setData(sourceWithGroups, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, { depth, customRenderer }, true);
+        this.updateTrimmed(trimmed, oldNewIndexes !== null && oldNewIndexes !== void 0 ? oldNewIndexes : {}, oldNewIndexMap);
+    }
+    /**
+     * Apply grouping on data set
+     * Clear grouping from source
+     * If source came from other plugin
+     */
+    onDataSet(data) {
+        var _a, _b;
+        let preservedExpanded = {};
+        if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.preserveGroupingOnUpdate) !== false) {
+            let { prevExpanded } = getSource(this.getStore().get('source'), this.getStore().get('proxyItems'), true);
+            preservedExpanded = prevExpanded;
+        }
+        const source = data.source.filter(s => !isGrouping(s));
+        const options = Object.assign(Object.assign({}, (this.revogrid.grouping || {})), { prevExpanded: preservedExpanded });
+        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, } = gatherGrouping(source, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.props) || [], options);
+        data.source = sourceWithGroups;
+        this.providers.data.setGrouping({ depth });
+        this.updateTrimmed(trimmed, oldNewIndexMap);
+    }
+    /**
+     * External call to apply grouping. Called by revogrid when prop changed.
+     */
+    setGrouping(options) {
+        var _a, _b;
+        // unsubscribe from all events when group applied
+        this.clearSubscriptions();
+        this.options = options;
+        // clear props, no grouping exists
+        if (!((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.length)) {
+            this.clearGrouping();
+            return;
+        }
+        // props exist and source initd
+        const store = this.getStore();
+        const { source } = getSource(store.get('source'), store.get('proxyItems'));
+        if (source.length) {
+            this.doSourceUpdate(Object.assign({}, options));
+        }
+        // props exist and columns initd
+        for (let t of columnTypes) {
+            if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
+                this.providers.column.refreshByType(t);
+                break;
+            }
+        }
+        // if has any grouping subscribe to events again
+        /** if grouping present and new data source arrived */
+        this.addEventListener('beforesourceset', ({ detail }) => {
+            var _a, _b, _c;
+            if (!(((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.length) && ((_c = detail === null || detail === void 0 ? void 0 : detail.source) === null || _c === void 0 ? void 0 : _c.length))) {
+                return;
+            }
+            // if sorting is running don't apply grouping, wait for sorting, then it'll apply in @aftersortingapply
+            if (this.isSortingRunning()) {
+                return;
+            }
+            this.onDataSet(detail);
+        });
+        this.addEventListener('beforecolumnsset', ({ detail }) => {
+            this.setColumns(detail);
+        });
+        /**
+         * filter applied need to clear grouping and apply again
+         * based on new results can be new grouping
+         */
+        this.addEventListener('beforetrimmed', ({ detail: { trimmed, trimmedType } }) => this.beforeTrimmedApply(trimmed, trimmedType));
+        /**
+         * sorting applied need to clear grouping and apply again
+         * based on new results whole grouping order will changed
+         */
+        this.addEventListener('aftersortingapply', () => {
+            var _a, _b;
+            if (!((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.length)) {
+                return;
+            }
+            this.doSourceUpdate(Object.assign({}, this.options));
+        });
+        /**
+         * Apply logic for focus inside of grouping
+         * We can't focus on grouping rows, navigation only inside of groups for now
+         */
+        this.addEventListener('beforecellfocus', e => this.onFocus(e));
+        /**
+         * Prevent rgRow drag outside the group
+         */
+        this.addEventListener('roworderchanged', e => this.onDrag(e));
+        /**
+         * When grouping expand icon was clicked
+         */
+        this.addEventListener(GROUP_EXPAND_EVENT, e => this.onExpand(e.detail));
+    }
+    // clear grouping
+    clearGrouping() {
+        // clear columns
+        columnTypes.forEach(t => {
+            const cols = this.providers.column.getColumns(t);
+            let deleted = false;
+            cols.forEach(c => {
+                if (isGroupingColumn(c)) {
+                    delete c[PSEUDO_GROUP_COLUMN];
+                    deleted = true;
+                }
+            });
+            // if column store had grouping clear and refresh
+            if (deleted) {
+                this.providers.column.refreshByType(t);
+            }
+        });
+        // clear rows
+        const { source, oldNewIndexes } = getSource(this.getStore().get('source'), this.getStore().get('proxyItems'), true);
+        this.providers.data.setData(source, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, undefined, true);
+        this.updateTrimmed(undefined, undefined, oldNewIndexes);
+    }
+    updateTrimmed(trimmedGroup = {}, firstLevelMap = {}, secondLevelMap) {
+        // map previously trimmed data
+        const trimemedOptionsToUpgrade = processDoubleConversionTrimmed(this.getStore().get('trimmed'), firstLevelMap, secondLevelMap);
+        for (let type in trimemedOptionsToUpgrade) {
+            this.revogrid.addTrimmed(trimemedOptionsToUpgrade[type], type);
+        }
+        // const emptyGroups = this.filterOutEmptyGroups(trimemedOptionsToUpgrade, childrenByGroup);
+        // setup trimmed data for grouping
+        this.revogrid.addTrimmed(Object.assign({}, trimmedGroup), TRIMMED_GROUPING);
+    }
+}
+//# sourceMappingURL=grouping.row.plugin.js.map

package/dist/collection/plugins/groupingRow/grouping.row.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.row.plugin.js","sourceRoot":"","sources":["../../../src/plugins/groupingRow/grouping.row.plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  getPhysical,\r\n  setItems,\r\n  columnTypes,\r\n  type TrimmedEntity,\r\n  type DSourceState,\r\n} from '@store';\r\nimport type {\r\n  BeforeSaveDataDetails,\r\n  ColumnRegular,\r\n  DataType,\r\n  DimensionRows,\r\n  PluginProviders,\r\n} from '@type';\r\n\r\nimport { BasePlugin } from '../base.plugin';\r\nimport { FILTER_TRIMMED_TYPE } from '../filter/filter.plugin';\r\n\r\nimport type { Observable, ColumnCollection } from '../../utils';\r\nimport { SortingPlugin } from '../sorting/sorting.plugin';\r\n\r\nimport {\r\n  GROUP_EXPAND_EVENT,\r\n  GROUPING_ROW_TYPE,\r\n  PSEUDO_GROUP_COLUMN,\r\n} from './grouping.const';\r\nimport { doExpand, doCollapse } from './grouping.row.expand.service';\r\nimport type {\r\n  BeforeSourceSetEvent,\r\n  ExpandedOptions,\r\n  GroupingOptions,\r\n  OnExpandEvent,\r\n} from './grouping.row.types';\r\nimport {\r\n  gatherGrouping,\r\n  getExpanded,\r\n  getSource,\r\n  isGrouping,\r\n  isGroupingColumn,\r\n} from './grouping.service';\r\nimport {\r\n  processDoubleConversionTrimmed,\r\n  TRIMMED_GROUPING,\r\n} from './grouping.trimmed.service';\r\n\r\nexport * from './grouping.const';\r\nexport * from './grouping.row.expand.service';\r\nexport * from './grouping.row.types';\r\nexport * from './grouping.service';\r\nexport * from './grouping.row.renderer';\r\n\r\nexport class GroupingRowPlugin extends BasePlugin {\r\n  private options: GroupingOptions | undefined;\r\n\r\n  getStore(\r\n    type: DimensionRows = GROUPING_ROW_TYPE,\r\n  ): Observable<DSourceState<DataType, DimensionRows>> {\r\n    return this.providers.data.stores[type].store;\r\n  }\r\n\r\n  constructor(\r\n    revogrid: HTMLRevoGridElement,\r\n    providers: PluginProviders,\r\n  ) {\r\n    super(revogrid, providers);\r\n  }\r\n\r\n  // befoce cell focus\r\n  private onFocus(e: CustomEvent<BeforeSaveDataDetails>) {\r\n    if (isGrouping(e.detail.model)) {\r\n      e.preventDefault();\r\n    }\r\n  }\r\n\r\n  // expand event triggered\r\n  private onExpand({ virtualIndex }: OnExpandEvent) {\r\n    const { source } = getSource(\r\n      this.getStore().get('source'),\r\n      this.getStore().get('proxyItems'),\r\n    );\r\n    let newTrimmed = this.getStore().get('trimmed')[TRIMMED_GROUPING];\r\n\r\n    let i = getPhysical(this.getStore(), virtualIndex);\r\n    const isExpanded = getExpanded(source[i]);\r\n    if (!isExpanded) {\r\n      const { trimmed, items } = doExpand(\r\n        virtualIndex,\r\n        source,\r\n        this.getStore().get('items'),\r\n      );\r\n      newTrimmed = { ...newTrimmed, ...trimmed };\r\n      if (items) {\r\n        setItems(this.getStore(), items);\r\n      }\r\n    } else {\r\n      const { trimmed } = doCollapse(i, source);\r\n      newTrimmed = { ...newTrimmed, ...trimmed };\r\n      this.revogrid.clearFocus();\r\n    }\r\n\r\n    this.getStore().set('source', source);\r\n    this.revogrid.addTrimmed(newTrimmed, TRIMMED_GROUPING);\r\n  }\r\n\r\n  private setColumnGrouping(cols?: ColumnRegular[]) {\r\n    // if 0 column as holder\r\n    if (cols?.length) {\r\n      cols[0][PSEUDO_GROUP_COLUMN] = true;\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  private setColumns({ columns }: ColumnCollection) {\r\n    for (let type of columnTypes) {\r\n      if (this.setColumnGrouping(columns[type])) {\r\n        break;\r\n      }\r\n    }\r\n  }\r\n\r\n  // evaluate drag between groups\r\n  private onDrag(e: CustomEvent<{ from: number; to: number }>) {\r\n    const { from, to } = e.detail;\r\n    const isDown = to - from >= 0;\r\n    const { source } = getSource(\r\n      this.getStore().get('source'),\r\n      this.getStore().get('proxyItems'),\r\n    );\r\n    const items = this.getStore().get('items');\r\n    let i = isDown ? from : to;\r\n    const end = isDown ? to : from;\r\n    for (; i < end; i++) {\r\n      const model = source[items[i]];\r\n      const isGroup = isGrouping(model);\r\n      if (isGroup) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  private beforeTrimmedApply(trimmed: Record<number, boolean>, type: string) {\r\n    /** Before filter apply remove grouping filtering */\r\n    if (type === FILTER_TRIMMED_TYPE) {\r\n      const source = this.getStore().get('source');\r\n      for (let index in trimmed) {\r\n        if (trimmed[index] && isGrouping(source[index])) {\r\n          trimmed[index] = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  private isSortingRunning() {\r\n    const sortingPlugin = this.providers.plugins.getByClass(SortingPlugin);\r\n    return !!sortingPlugin?.sortingPromise;\r\n  }\r\n\r\n  /**\r\n   * Starts global source update with group clearing and applying new one\r\n   * Initiated when need to reapply grouping\r\n   */\r\n  private doSourceUpdate(options?: ExpandedOptions) {\r\n    /**\r\n     * Get source without grouping\r\n     * @param newOldIndexMap - provides us mapping with new indexes vs old indexes, we would use it for trimmed mapping\r\n     */\r\n    const store = this.getStore();\r\n    const { source, prevExpanded, oldNewIndexes } = getSource(\r\n      store.get('source'),\r\n      store.get('proxyItems'),\r\n      true,\r\n    );\r\n    const expanded: ExpandedOptions = {\r\n      prevExpanded,\r\n      ...options,\r\n    };\r\n    /**\r\n     * Group again\r\n     * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes\r\n     */\r\n    const {\r\n      sourceWithGroups,\r\n      depth,\r\n      trimmed,\r\n      oldNewIndexMap,\r\n    } = gatherGrouping(source, this.options?.props || [], expanded);\r\n\r\n    const customRenderer = options?.groupLabelTemplate;\r\n\r\n    // setup source\r\n    this.providers.data.setData(\r\n      sourceWithGroups,\r\n      GROUPING_ROW_TYPE,\r\n      this.revogrid.disableVirtualY,\r\n      { depth, customRenderer },\r\n      true,\r\n    );\r\n    this.updateTrimmed(\r\n      trimmed,\r\n      oldNewIndexes ?? {},\r\n      oldNewIndexMap,\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Apply grouping on data set\r\n   * Clear grouping from source\r\n   * If source came from other plugin\r\n   */\r\n  private onDataSet(data: BeforeSourceSetEvent) {\r\n    let preservedExpanded: ExpandedOptions['prevExpanded'] = {};\r\n    if (this.options?.preserveGroupingOnUpdate !== false) {\r\n      let { prevExpanded } = getSource(\r\n        this.getStore().get('source'),\r\n        this.getStore().get('proxyItems'),\r\n        true,\r\n      );\r\n      preservedExpanded = prevExpanded;\r\n    }\r\n    const source = data.source.filter(s => !isGrouping(s));\r\n    const options: ExpandedOptions = {\r\n      ...(this.revogrid.grouping || {}),\r\n      prevExpanded: preservedExpanded,\r\n    };\r\n    const {\r\n      sourceWithGroups,\r\n      depth,\r\n      trimmed,\r\n      oldNewIndexMap,\r\n    } = gatherGrouping(source, this.options?.props || [], options);\r\n    data.source = sourceWithGroups;\r\n    this.providers.data.setGrouping({ depth });\r\n    this.updateTrimmed(trimmed, oldNewIndexMap);\r\n  }\r\n\r\n  /**\r\n   * External call to apply grouping. Called by revogrid when prop changed.\r\n   */\r\n  setGrouping(options: GroupingOptions) {\r\n    // unsubscribe from all events when group applied\r\n    this.clearSubscriptions();\r\n    this.options = options;\r\n    // clear props, no grouping exists\r\n    if (!this.options?.props?.length) {\r\n      this.clearGrouping();\r\n      return;\r\n    }\r\n    // props exist and source initd\r\n    const store = this.getStore();\r\n    const { source } = getSource(\r\n      store.get('source'),\r\n      store.get('proxyItems'),\r\n    );\r\n    if (source.length) {\r\n      this.doSourceUpdate({ ...options });\r\n    }\r\n    // props exist and columns initd\r\n    for (let t of columnTypes) {\r\n      if (this.setColumnGrouping(this.providers.column.getColumns(t))) {\r\n        this.providers.column.refreshByType(t);\r\n        break;\r\n      }\r\n    }\r\n\r\n    // if has any grouping subscribe to events again\r\n    /** if grouping present and new data source arrived */\r\n    this.addEventListener('beforesourceset', ({ detail }) => {\r\n      if (!(this.options?.props?.length && detail?.source?.length)) {\r\n        return;\r\n      }\r\n      // if sorting is running don't apply grouping, wait for sorting, then it'll apply in @aftersortingapply\r\n      if (this.isSortingRunning()) {\r\n        return;\r\n      }\r\n      this.onDataSet(detail);\r\n    });\r\n    this.addEventListener('beforecolumnsset', ({ detail }) => {\r\n      this.setColumns(detail);\r\n    });\r\n\r\n    /**\r\n     * filter applied need to clear grouping and apply again\r\n     * based on new results can be new grouping\r\n     */\r\n    this.addEventListener(\r\n      'beforetrimmed',\r\n      ({ detail: { trimmed, trimmedType } }) =>\r\n        this.beforeTrimmedApply(trimmed, trimmedType),\r\n    );\r\n    /**\r\n     * sorting applied need to clear grouping and apply again\r\n     * based on new results whole grouping order will changed\r\n     */\r\n    this.addEventListener('aftersortingapply', () => {\r\n      if (!this.options?.props?.length) {\r\n        return;\r\n      }\r\n      this.doSourceUpdate({ ...this.options });\r\n    });\r\n\r\n    /**\r\n     * Apply logic for focus inside of grouping\r\n     * We can't focus on grouping rows, navigation only inside of groups for now\r\n     */\r\n    this.addEventListener('beforecellfocus', e => this.onFocus(e));\r\n    /**\r\n     * Prevent rgRow drag outside the group\r\n     */\r\n    this.addEventListener('roworderchanged', e => this.onDrag(e));\r\n\r\n    /**\r\n     * When grouping expand icon was clicked\r\n     */\r\n    this.addEventListener(GROUP_EXPAND_EVENT, e => this.onExpand(e.detail));\r\n  }\r\n\r\n  // clear grouping\r\n  clearGrouping() {\r\n    // clear columns\r\n    columnTypes.forEach(t => {\r\n      const cols = this.providers.column.getColumns(t);\r\n      let deleted = false;\r\n      cols.forEach(c => {\r\n        if (isGroupingColumn(c)) {\r\n          delete c[PSEUDO_GROUP_COLUMN];\r\n          deleted = true;\r\n        }\r\n      });\r\n      // if column store had grouping clear and refresh\r\n      if (deleted) {\r\n        this.providers.column.refreshByType(t);\r\n      }\r\n    });\r\n    // clear rows\r\n    const { source, oldNewIndexes } = getSource(\r\n      this.getStore().get('source'),\r\n      this.getStore().get('proxyItems'),\r\n      true,\r\n    );\r\n    this.providers.data.setData(\r\n      source,\r\n      GROUPING_ROW_TYPE,\r\n      this.revogrid.disableVirtualY,\r\n      undefined,\r\n      true,\r\n    );\r\n    this.updateTrimmed(undefined, undefined, oldNewIndexes);\r\n  }\r\n\r\n  private updateTrimmed(\r\n    trimmedGroup: TrimmedEntity = {},\r\n    firstLevelMap: Record<number, number> = {},\r\n    secondLevelMap?: Record<number, number>,\r\n  ) {\r\n    // map previously trimmed data\r\n    const trimemedOptionsToUpgrade = processDoubleConversionTrimmed(\r\n      this.getStore().get('trimmed'),\r\n      firstLevelMap,\r\n      secondLevelMap,\r\n    );\r\n    for (let type in trimemedOptionsToUpgrade) {\r\n      this.revogrid.addTrimmed(trimemedOptionsToUpgrade[type], type);\r\n    }\r\n\r\n    // const emptyGroups = this.filterOutEmptyGroups(trimemedOptionsToUpgrade, childrenByGroup);\r\n\r\n    // setup trimmed data for grouping\r\n    this.revogrid.addTrimmed({ ...trimmedGroup }, TRIMMED_GROUPING);\r\n  }\r\n}\r\n"]}

package/dist/collection/plugins/groupingRow/grouping.row.renderer.js

@@ -0,0 +1,38 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h } from "@stencil/core";
+import RowRenderer from "../../components/data/row-renderer";
+import { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, PSEUDO_GROUP_ITEM, GROUP_EXPAND_EVENT, } from "./grouping.const";
+export function expandEvent(e, model, virtualIndex) {
+    var _a;
+    const event = new CustomEvent(GROUP_EXPAND_EVENT, {
+        detail: {
+            model,
+            virtualIndex,
+        },
+        cancelable: true,
+        bubbles: true,
+    });
+    (_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
+}
+export const GroupingRowRenderer = (props) => {
+    const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;
+    const name = model[PSEUDO_GROUP_ITEM];
+    const expanded = model[GROUP_EXPANDED];
+    const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
+    if (groupingCustomRenderer) {
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+            expanded,
+            depth })))));
+    }
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
+        h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
+        name,
+    ]));
+};
+export const expandSvgIconVNode = (expanded = false) => {
+    return (h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" }, h("path", { fill: "currentColor", 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" })));
+};
+export default GroupingRowRenderer;
+//# sourceMappingURL=grouping.row.renderer.js.map

package/dist/collection/plugins/groupingRow/grouping.row.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.row.renderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingRow/grouping.row.renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EACL,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,UAAU,WAAW,CACzB,CAAa,EACb,KAAe,EACf,YAAoB;;IAEpB,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;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAC;IACtE,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,sBAAsB,EAAE,CAAC;QAC3B,OAAO,CACL,EAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK;YACzD,WAAK,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAChD,sBAAsB,CAAC,CAAC,kCACpB,KAAK,KACR,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,EAChC,IAAI;gBACJ,QAAQ;gBACR,KAAK,IACL,CACE,CACM,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,EAAC,WAAW,oBAAK,KAAK,IAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,KACxD,SAAS,IAAI;QACZ,cACE,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAE7C,kBAAkB,CAAC,QAAQ,CAAC,CACtB;QACT,IAAI;KACL,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IACrD,OAAO,CACL,0BACc,MAAM,EAClB,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,aAAa;QAErB,YACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yRAAyR,GACrR,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h } from '@stencil/core';\r\nimport RowRenderer from '../../components/data/row-renderer';\r\nimport {\r\n  GROUP_DEPTH,\r\n  GROUP_EXPANDED,\r\n  GROUP_EXPAND_BTN,\r\n  PSEUDO_GROUP_ITEM,\r\n  GROUP_EXPAND_EVENT,\r\n} from './grouping.const';\r\nimport type { RowGroupingProps } from './grouping.row.types';\r\nimport type { DataType } from '@type';\r\n\r\nexport function expandEvent(\r\n  e: MouseEvent,\r\n  model: DataType,\r\n  virtualIndex: number,\r\n) {\r\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\r\n    detail: {\r\n      model,\r\n      virtualIndex,\r\n    },\r\n    cancelable: true,\r\n    bubbles: true,\r\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\r\n  e.target?.dispatchEvent(event);\r\n}\r\n\r\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\r\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\r\n  const name = model[PSEUDO_GROUP_ITEM];\r\n  const expanded = model[GROUP_EXPANDED];\r\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\r\n\r\n  if (groupingCustomRenderer) {\r\n    return (\r\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\r\n          {groupingCustomRenderer(h, {\r\n            ...props,\r\n            colType: props.providers.colType,\r\n            name,\r\n            expanded,\r\n            depth,\r\n          })}\r\n        </div>\r\n      </RowRenderer>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n      {hasExpand && [\r\n        <button\r\n          class={{ [GROUP_EXPAND_BTN]: true }}\r\n          onClick={e => expandEvent(e, model, itemIndex)}\r\n        >\r\n          {expandSvgIconVNode(expanded)}\r\n        </button>,\r\n        name,\r\n      ]}\r\n    </RowRenderer>\r\n  );\r\n};\r\n\r\nexport const expandSvgIconVNode = (expanded = false) => {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\r\n      focusable=\"false\"\r\n      viewBox=\"0 0 448 512\"\r\n    >\r\n      <path\r\n        fill=\"currentColor\"\r\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\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default GroupingRowRenderer;\r\n"]}

package/dist/collection/plugins/groupingRow/grouping.row.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grouping.row.types.js.map