@revolist/revogrid 3.6.7 → 3.6.9

package/dist/collection/components/data/revogr-data.js

@@ -1,16 +1,27 @@
 /*!
  * Built by Revolist
  */
-import { Component, Element, Event, Prop, h } from '@stencil/core';
-import { Watch } from '@stencil/core/internal';
-import ColumnService from './columnService';
-import { DATA_COL, DATA_ROW } from '../../utils/consts';
-import { getSourceItem } from '../../store/dataSource/data.store';
-import CellRenderer from './cellRenderer';
-import RowRenderer, { PADDING_DEPTH } from './rowRenderer';
-import GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';
-import { isGrouping } from '../../plugins/groupingRow/grouping.service';
+import { h } from "@stencil/core";
+import ColumnService from "./columnService";
+import { DATA_COL, DATA_ROW } from "../../utils/consts";
+import { getSourceItem } from "../../store/dataSource/data.store";
+import CellRenderer from "./cellRenderer";
+import RowRenderer, { PADDING_DEPTH } from "./rowRenderer";
+import GroupingRowRenderer from "../../plugins/groupingRow/grouping.row.renderer";
+import { isGrouping } from "../../plugins/groupingRow/grouping.service";
 export class RevogrData {
+  constructor() {
+    this.readonly = undefined;
+    this.range = undefined;
+    this.canDrag = undefined;
+    this.rowClass = undefined;
+    this.rowSelectionStore = undefined;
+    this.viewportRow = undefined;
+    this.viewportCol = undefined;
+    this.dimensionRow = undefined;
+    this.colData = undefined;
+    this.dataStore = undefined;
+  }
   onStoreChange() {
     var _a;
     (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
@@ -79,248 +90,269 @@ export class RevogrData {
       return;
     }
     // if regular render
-    return (h("div", Object.assign({}, props),
-      h(CellRenderer, { model: model, canDrag: draggable, onDragStart: e => this.dragStartCell.emit(e) })));
+    return (h("div", Object.assign({}, props), h(CellRenderer, { model: model, canDrag: draggable, onDragStart: e => this.dragStartCell.emit(e) })));
   }
   static get is() { return "revogr-data"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-data-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-data-style.css"]
-  }; }
-  static get properties() { return {
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": false
-    },
-    "range": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "range",
-      "reflect": false
-    },
-    "canDrag": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["revogr-data-style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["revogr-data-style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "range": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "range",
+        "reflect": false
       },
-      "attribute": "can-drag",
-      "reflect": false
-    },
-    "rowClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "canDrag": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "can-drag",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "rowClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "row-class",
+        "reflect": false
       },
-      "attribute": "row-class",
-      "reflect": false
-    },
-    "rowSelectionStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<Selection.SelectionStoreState>",
-        "resolved": "ObservableMap<SelectionStoreState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
+      "rowSelectionStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<Selection.SelectionStoreState>",
+          "resolved": "ObservableMap<SelectionStoreState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Selection"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "viewportRow": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.ViewportState>",
-        "resolved": "ObservableMap<ViewportState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "viewportRow": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.ViewportState>",
+          "resolved": "ObservableMap<ViewportState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "viewportCol": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.ViewportState>",
-        "resolved": "ObservableMap<ViewportState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "viewportCol": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.ViewportState>",
+          "resolved": "ObservableMap<ViewportState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionRow": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionRow": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "colData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ColumnSource",
-        "resolved": "ObservableMap<DataSourceState<ColumnRegular, DimensionCols>>",
-        "references": {
-          "ColumnSource": {
-            "location": "import",
-            "path": "./columnService"
+      "colData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ColumnSource",
+          "resolved": "ObservableMap<DataSourceState<ColumnRegular, DimensionCols>>",
+          "references": {
+            "ColumnSource": {
+              "location": "import",
+              "path": "./columnService",
+              "id": "src/components/data/columnService.ts::ColumnSource"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Static stores, not expected to change during component lifetime"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Static stores, not expected to change during component lifetime"
-      }
-    },
-    "dataStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RowSource",
-        "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
-        "references": {
-          "RowSource": {
-            "location": "import",
-            "path": "./columnService"
+      "dataStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RowSource",
+          "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
+          "references": {
+            "RowSource": {
+              "location": "import",
+              "path": "./columnService",
+              "id": "src/components/data/columnService.ts::RowSource"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "dragStartCell",
-      "name": "dragStartCell",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "MouseEvent",
-        "resolved": "MouseEvent",
-        "references": {
-          "MouseEvent": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dragStartCell",
+        "name": "dragStartCell",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "MouseEvent",
+          "resolved": "MouseEvent",
+          "references": {
+            "MouseEvent": {
+              "location": "global",
+              "id": "global::MouseEvent"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "dataStore",
-      "methodName": "onStoreChange"
-    }, {
-      "propName": "colData",
-      "methodName": "onStoreChange"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "dataStore",
+        "methodName": "onStoreChange"
+      }, {
+        "propName": "colData",
+        "methodName": "onStoreChange"
+      }];
+  }
 }
+//# sourceMappingURL=revogr-data.js.map

package/dist/collection/components/data/revogr-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-data.js","sourceRoot":"","sources":["../../../src/components/data/revogr-data.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, Prop, VNode, EventEmitter, h } from '@stencil/core';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\n\nimport ColumnService, { ColumnSource, RowSource } from './columnService';\nimport { DATA_COL, DATA_ROW } from '../../utils/consts';\n\nimport { getSourceItem } from '../../store/dataSource/data.store';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport CellRenderer from './cellRenderer';\nimport RowRenderer, { PADDING_DEPTH } from './rowRenderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\n\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  private columnService: ColumnService;\n\n  @Element() element!: HTMLStencilElement;\n\n  @Prop() readonly: boolean;\n  @Prop() range: boolean;\n  @Prop() canDrag: boolean;\n\n  @Prop() rowClass: string;\n  @Prop() rowSelectionStore: Observable<Selection.SelectionStoreState>;\n  @Prop() viewportRow: Observable<RevoGrid.ViewportState>;\n  @Prop() viewportCol: Observable<RevoGrid.ViewportState>;\n\n  @Prop() dimensionRow: Observable<RevoGrid.DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  @Prop() colData: ColumnSource;\n  @Prop() dataStore: RowSource;\n\n  @Event() dragStartCell: EventEmitter<MouseEvent>;\n\n  @Watch('dataStore')\n  @Watch('colData')\n  onStoreChange() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n  }\n\n  connectedCallback() {\n    this.onStoreChange();\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n  }\n\n  render() {\n    const rows = this.viewportRow.get('items');\n    const cols = this.viewportCol.get('items');\n    if (!this.columnService.columns.length || !rows.length || !cols.length) {\n      return '';\n    }\n    const range = this.rowSelectionStore?.get('range');\n    const rowsEls: VNode[] = [];\n\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    for (let rgRow of rows) {\n      const dataRow = getSourceItem(this.dataStore, rgRow.itemIndex);\n      /** grouping */\n      if (isGrouping(dataRow)) {\n        rowsEls.push(<GroupingRowRenderer {...rgRow} model={dataRow} groupingCustomRenderer={groupingCustomRenderer} hasExpand={this.columnService.hasGrouping} />);\n        continue;\n      }\n      /** grouping end */\n\n      const cells: (VNode | string | void)[] = [];\n      let rowClass = this.rowClass ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass) : '';\n      if (range && rgRow.itemIndex >= range.y && rgRow.itemIndex <= range.y1) {\n        rowClass += ' focused-rgRow';\n      }\n      for (let rgCol of cols) {\n        cells.push(this.getCellRenderer(rgRow, rgCol, this.canDrag, /** grouping apply*/ this.columnService.hasGrouping ? depth : 0));\n      }\n      rowsEls.push(\n        <RowRenderer rowClass={rowClass} size={rgRow.size} start={rgRow.start}>\n          {cells}\n        </RowRenderer>,\n      );\n    }\n    return rowsEls;\n  }\n\n  private getCellRenderer(rgRow: RevoGrid.VirtualPositionItem, rgCol: RevoGrid.VirtualPositionItem, draggable = false, depth = 0) {\n    const model = this.columnService.rowDataModel(rgRow.itemIndex, rgCol.itemIndex);\n    const defaultProps: RevoGrid.CellProps = {\n      [DATA_COL]: rgCol.itemIndex,\n      [DATA_ROW]: rgRow.itemIndex,\n      style: {\n        width: `${rgCol.size}px`,\n        transform: `translateX(${rgCol.start}px)`,\n      },\n    };\n    if (depth && !rgCol.itemIndex) {\n      defaultProps.style.paddingLeft = `${PADDING_DEPTH * depth}px`;\n    }\n    const props = this.columnService.mergeProperties(rgRow.itemIndex, rgCol.itemIndex, defaultProps);\n    const custom = this.columnService.customRenderer(rgRow.itemIndex, rgCol.itemIndex, model);\n\n    // if custom render\n    if (typeof custom !== 'undefined') {\n      return <div {...props}>{custom}</div>;\n    }\n\n    // something is wrong with data\n    if (!model.column) {\n      console.error('Investigate column problem');\n      return;\n    }\n\n    // if regular render\n    return (\n      <div {...props}>\n        <CellRenderer model={model} canDrag={draggable} onDragStart={e => this.dragStartCell.emit(e)} />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data/rowRenderer.js

@@ -1,9 +1,10 @@
 /*!
  * Built by Revolist
  */
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export const PADDING_DEPTH = 10;
 const RowRenderer = ({ rowClass, size, start, style, depth }, cells) => {
   return (h("div", { class: `rgRow ${rowClass || ''}`, style: Object.assign(Object.assign({}, style), { height: `${size}px`, transform: `translateY(${start}px)`, paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined }) }, cells));
 };
 export default RowRenderer;
+//# sourceMappingURL=rowRenderer.js.map

package/dist/collection/components/data/rowRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowRenderer.js","sourceRoot":"","sources":["../../../src/components/data/rowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AAUzC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAY,EAAE,KAAc,EAAE,EAAE;EACxF,OAAO,CACL,WACE,KAAK,EAAE,SAAS,QAAQ,IAAI,EAAE,EAAE,EAChC,KAAK,kCACA,KAAK,KACR,MAAM,EAAE,GAAG,IAAI,IAAI,EACnB,SAAS,EAAE,cAAc,KAAK,KAAK,EACnC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,OAG9D,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, size, start, style, depth }: RowProps, cells: VNode[]) => {\n  return (\n    <div\n      class={`rgRow ${rowClass || ''}`}\n      style={{\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"]}

package/dist/collection/components/header/headerCellRenderer.js

@@ -1,10 +1,10 @@
 /*!
  * Built by Revolist
  */
-import { h } from '@stencil/core';
-import { dispatch } from '../../plugins/dispatcher';
-import { ResizableElement } from '../../services/resizable.directive';
-import ColumnService from '../data/columnService';
+import { h } from "@stencil/core";
+import { dispatch } from "../../plugins/dispatcher";
+import { ResizableElement } from "../../services/resizable.directive";
+import ColumnService from "../data/columnService";
 const ON_COLUMN_CLICK = 'column-click';
 export const HeaderCellRenderer = ({ data, props }, children) => {
   let colTemplate = (data === null || data === void 0 ? void 0 : data.name) || '';
@@ -23,7 +23,6 @@ export const HeaderCellRenderer = ({ data, props }, children) => {
         data,
         event: e,
       });
-    } }),
-    h("div", { class: "header-content" }, colTemplate),
-    children));
+    } }), h("div", { class: "header-content" }, colTemplate), children));
 };
+//# sourceMappingURL=headerCellRenderer.js.map

package/dist/collection/components/header/headerCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerCellRenderer.js","sourceRoot":"","sources":["../../../src/components/header/headerCellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAOlD,MAAM,eAAe,GAAG,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAS,EAAE,QAAiB,EAAS,EAAE;EACrF,IAAI,WAAW,GAA6B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC;EAC7D,IAAI,SAAS,GAAG,KAAK,CAAC;EACtB,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,EAAE;IACxB,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;GAC5C;EACD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,EAAE;IAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;MACtC,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KACjD;GACF;EACD,OAAO,CACL,EAAC,gBAAgB,oBAAK,SAAS,IAAE,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE;MAC9D,QAAQ,CAAC,CAAC,CAAC,aAA4B,EAAE,eAAe,EAAE;QACxD,IAAI;QACJ,KAAK,EAAE,CAAC;OACT,CAAC,CAAC;IACJ,CAAC;IACA,WAAK,KAAK,EAAC,gBAAgB,IAAE,WAAW,CAAO;IAC9C,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { RevoGrid } from '../../interfaces';\nimport { dispatch } from '../../plugins/dispatcher';\nimport { ResizableElement } from '../../services/resizable.directive';\nimport ColumnService from '../data/columnService';\n\ntype Props = {\n  data?: RevoGrid.ColumnRegular;\n  props: RevoGrid.CellProps;\n};\n\nconst ON_COLUMN_CLICK = 'column-click';\n\nexport const HeaderCellRenderer = ({ data, props }: Props, children: VNode[]): VNode => {\n  let colTemplate: VNode | VNode[] | string = data?.name || '';\n  let cellProps = props;\n  if (data?.columnTemplate) {\n    colTemplate = data.columnTemplate(h, data);\n  }\n  if (data?.columnProperties) {\n    const extra = data.columnProperties(data);\n    if (extra && typeof extra === 'object') {\n      cellProps = ColumnService.doMerge(props, extra);\n    }\n  }\n  return (\n    <ResizableElement {...cellProps} onMouseDown={(e: MouseEvent) => {\n      dispatch(e.currentTarget as HTMLElement, ON_COLUMN_CLICK, {\n        data,\n        event: e,\n      });\n     }}>\n      <div class=\"header-content\">{colTemplate}</div>\n      {children}\n    </ResizableElement>\n  );\n};\n"]}

package/dist/collection/components/header/headerRenderer.js

@@ -1,11 +1,11 @@
 /*!
  * Built by Revolist
  */
-import { h } from '@stencil/core';
-import { FilterButton } from '../../plugins/filter/filter.button';
-import { SortingSign } from '../../plugins/sorting/sorting.sign';
-import { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from '../../utils/consts';
-import { HeaderCellRenderer } from './headerCellRenderer';
+import { h } from "@stencil/core";
+import { FilterButton } from "../../plugins/filter/filter.button";
+import { SortingSign } from "../../plugins/sorting/sorting.sign";
+import { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from "../../utils/consts";
+import { HeaderCellRenderer } from "./headerCellRenderer";
 const HeaderRenderer = (p) => {
   var _a, _b, _c, _d, _e, _f;
   const cellClass = {
@@ -41,8 +41,7 @@ const HeaderRenderer = (p) => {
       }
     }
   }
-  return (h(HeaderCellRenderer, { data: p.data, props: dataProps },
-    ((_e = p.data) === null || _e === void 0 ? void 0 : _e.order) ? h(SortingSign, { column: p.data }) : '',
-    p.canFilter && ((_f = p.data) === null || _f === void 0 ? void 0 : _f.filter) !== false ? h(FilterButton, { column: p.data }) : ''));
+  return (h(HeaderCellRenderer, { data: p.data, props: dataProps }, ((_e = p.data) === null || _e === void 0 ? void 0 : _e.order) ? h(SortingSign, { column: p.data }) : '', p.canFilter && ((_f = p.data) === null || _f === void 0 ? void 0 : _f.filter) !== false ? h(FilterButton, { column: p.data }) : ''));
 };
 export default HeaderRenderer;
+//# sourceMappingURL=headerRenderer.js.map

package/dist/collection/components/header/headerRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerRenderer.js","sourceRoot":"","sources":["../../../src/components/header/headerRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { RevoGrid, Selection } from '../../interfaces';\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent } from '../../services/resizable.directive';\nimport { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from './headerCellRenderer';\n\ntype Props = {\n  column: RevoGrid.VirtualPositionItem;\n  data?: RevoGrid.ColumnRegular;\n  range?: Selection.RangeArea;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: RevoGrid.InitialHeaderClick): void;\n  onDoubleClick?(data: RevoGrid.InitialHeaderClick): void;\n};\n\nconst HeaderRenderer = (p: Props): VNode => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    [HEADER_SORTABLE_CLASS]: !!p.data?.sortable,\n  };\n  if (p.data?.order) {\n    cellClass[p.data.order] = true;\n  }\n  const dataProps = {\n    [DATA_COL]: p.column.itemIndex,\n    canResize: p.canResize,\n    minWidth: p.data?.minSize || MIN_COL_SIZE,\n    maxWidth: p.data?.maxSize,\n    active: ['r'],\n    class: cellClass,\n    style: { width: `${p.column.size}px`, transform: `translateX(${p.column.start}px)` },\n    onResize: p.onResize,\n    onDoubleClick(originalEvent: MouseEvent) {\n      p.onDoubleClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n  };\n  if (p.range) {\n    if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {\n      if (typeof dataProps.class === 'object') {\n        dataProps.class[FOCUS_CLASS] = true;\n      }\n    }\n  }\n\n  return (\n    <HeaderCellRenderer data={p.data} props={dataProps}>\n      {p.data?.order ? <SortingSign column={p.data} /> : ''}\n      {p.canFilter && p.data?.filter !== false ? <FilterButton column={p.data} /> : ''}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n"]}