@revolist/revogrid 4.12.2 → 4.12.3

package/dist/collection/store/dataSource/trimmed.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"trimmed.plugin.js","sourceRoot":"","sources":["../../../src/store/dataSource/trimmed.plugin.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAuC,EACA,EAAE,CAAC,CAAC;IAC3C,GAAG,CAAC,CAAC,EAAE,MAAM;QACX,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,yBAAyB;gBACzB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,kBAAkB,CAAC,MAAiB,CAAC,CAAC;gBACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEhD,6BAA6B;gBAC7B,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC7B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,kBAAkB,CAAC,YAAqB;IACtD,MAAM,OAAO,GAAkB,EAAE,CAAC;IAElC,KAAK,IAAI,UAAU,IAAI,YAAY,EAAE,CAAC;QACpC,iCAAiC;QACjC,KAAK,IAAI,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { Observable, PluginSubscribe } from '../../utils';\nimport { DSourceState, GDataType } from './data.store';\n\nexport type TrimmedEntity = Record<number, boolean>;\nexport type Trimmed = Record<string, TrimmedEntity>;\n\n/**\n * Hide items from main collection\n * But keep them in store\n */\nexport const trimmedPlugin = <T extends GDataType>(\n  store: Observable<DSourceState<T, any>>,\n): PluginSubscribe<DSourceState<T, any>> => ({\n  set(k, newVal) {\n    switch (k) {\n      case 'trimmed': {\n        // full sorted items list\n        const proxy = store.get('proxyItems');\n        const trimmed = gatherTrimmedItems(newVal as Trimmed);\n        const newItems = proxy.filter(v => !trimmed[v]);\n\n        // set trimmed items in store\n        store.set('items', newItems);\n        break;\n      }\n    }\n  },\n});\n\nexport function gatherTrimmedItems(trimmedItems: Trimmed) {\n  const trimmed: TrimmedEntity = {};\n\n  for (let trimmedKey in trimmedItems) {\n    // trimmed overweight not trimmed\n    for (let t in trimmedItems[trimmedKey]) {\n      trimmed[t] = trimmed[t] || trimmedItems[trimmedKey][t];\n    }\n  }\n  return trimmed;\n}\n"]}
+{"version":3,"file":"trimmed.plugin.js","sourceRoot":"","sources":["../../../src/store/dataSource/trimmed.plugin.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAuC,EACA,EAAE,CAAC,CAAC;IAC3C,GAAG,CAAC,CAAC,EAAE,MAAM;QACX,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,yBAAyB;gBACzB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,kBAAkB,CAAC,MAAiB,CAAC,CAAC;gBAEtD,oDAAoD;gBACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEhD,6BAA6B;gBAC7B,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC7B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,kBAAkB,CAAC,YAAqB;IACtD,MAAM,OAAO,GAAkB,EAAE,CAAC;IAElC,KAAK,IAAI,UAAU,IAAI,YAAY,EAAE,CAAC;QACpC,iCAAiC;QACjC,KAAK,IAAI,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YACvC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { Observable, PluginSubscribe } from '../../utils';\nimport { DSourceState, GDataType } from './data.store';\n\nexport type TrimmedEntity = { [physicalIndexInSource: number]: boolean };\nexport type Trimmed = Record<string, TrimmedEntity>;\n\n/**\n * Hide items from main collection\n * But keep them in store\n */\nexport const trimmedPlugin = <T extends GDataType>(\n  store: Observable<DSourceState<T, any>>,\n): PluginSubscribe<DSourceState<T, any>> => ({\n  set(k, newVal) {\n    switch (k) {\n      case 'trimmed': {\n        // full sorted items list\n        const proxy = store.get('proxyItems');\n        const trimmed = gatherTrimmedItems(newVal as Trimmed);\n\n        // filter our physical indexes which are not trimmed\n        const newItems = proxy.filter(v => !trimmed[v]);\n\n        // set trimmed items in store\n        store.set('items', newItems);\n        break;\n      }\n    }\n  },\n});\n\nexport function gatherTrimmedItems(trimmedItems: Trimmed) {\n  const trimmed: TrimmedEntity = {};\n\n  for (let trimmedKey in trimmedItems) {\n    // trimmed overweight not trimmed\n    for (let t in trimmedItems[trimmedKey]) {\n      trimmed[t] = trimmed[t] || trimmedItems[trimmedKey][t];\n    }\n  }\n  return trimmed;\n}\n"]}

package/dist/collection/types/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAgY4D,CAAC","sourcesContent":["import type { VNode } from '@stencil/core';\n\nimport type {\n  DimensionCols,\n  DimensionRows,\n  DimensionColPin,\n  DimensionType,\n  MultiDimensionType,\n} from './dimension';\nimport type {\n  Cell,\n  EditorCtr,\n  FocusedCells,\n  OldNewRangeMapping,\n  RangeArea,\n  SelectionStoreState,\n} from './selection';\nimport type { Observable } from '../utils';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type Nullable<T> = {\n  [P in keyof T]: T[P] | null;\n};\n\n/**\n * Advanced column data schema model.\n * Used for transpassing data to cell renderer and editor.\n */\nexport interface ColumnDataSchemaModel {\n  /**\n   * Column prop used for mapping value to cell from data source model/row\n   */\n  prop: ColumnProp;\n  /**\n   * Row data object\n   */\n  model: DataType;\n  /**\n   * Column data object\n   */\n  column: ColumnRegular;\n  /**\n   * Index of the row in the viewport\n   */\n  rowIndex: number;\n  /**\n   * Index of the column in the viewport\n   */\n  colIndex: number;\n  /**\n   * Column type based on viewport\n   */\n  colType: DimensionCols;\n  /**\n   * Row type based on viewport\n   */\n  type: DimensionRows;\n  /**\n   * Row models based on viewport\n   */\n  data: DataType[];\n  /**\n   * Current cell data value\n   * Mapped from model through column property like model['prop']\n   */\n  value?: any;\n}\n/**\n * Template property for each cell, extends the column data schema model.\n * Additionally, it provides access to the providers injected into the template.\n */\nexport interface CellTemplateProp extends ColumnDataSchemaModel {\n  /**\n   * Providers injected into the template\n   */\n  providers: Providers;\n}\n/**\n * The ReadOnlyFormat type is a boolean value or a function that takes ColumnDataSchemaModel\n * as a parameter and returns a boolean value.\n *\n * If it is a boolean value, it represents whether the cell in question is read-only.\n * If it is a function, it returns whether the cell in question is read-only based on the provided\n * ColumnDataSchemaModel.\n */\nexport type ReadOnlyFormat =\n  | boolean\n  | ((params: ColumnDataSchemaModel) => boolean);\nexport type RowDrag =\n  | boolean\n  | {\n      (params: ColumnDataSchemaModel): boolean;\n    };\n/**\n * `ColumnGrouping` type is used to define a grouping in a column.\n */\nexport type ColumnGrouping<T = any> = {\n  /**\n   * An array of objects that represent the children of the grouping.\n   */\n  children: (ColumnGrouping<T> | ColumnRegular)[];\n  /**\n   * A `DataFormat` object that represents the name of the grouping.\n   */\n  name: DataFormat<T>;\n};\n/**\n * Configuration for header inner template properties\n */\nexport interface ColumnProperties {\n  /**\n   * Header inner template\n   * Function/component to render custom header content\n   */\n  columnTemplate?: ColumnTemplateFunc;\n  /**\n   * Header Cell properties\n   * Custom function/component to render header properties\n   */\n  columnProperties?: ColPropertiesFunc;\n}\n/**\n * Type that represents a collection of column types.\n * The keys are the names of the column types and the values are the corresponding column type objects.\n */\nexport type ColumnTypes = {\n  /**\n   * The name of the column type.\n   */\n  [name: string]: ColumnType;\n};\n\n/**\n * Interface for custom cell renderer.\n */\nexport interface CellTemplate {\n  // TODO: Add Promise support for template and all custom function so user will be able to use async render on the light speed\n  (\n    createElement: HyperFunc<VNode>,\n    props: CellTemplateProp,\n    additionalData?: any,\n  ): any;\n}\n/**\n * Interface for regular column definition.\n * Regular column can be any column that is not a grouping column.\n */\nexport interface ColumnType extends ColumnProperties {\n  /**\n   * Represents whether the column or cell is read-only.\n   * Can be a boolean or a function that returns a boolean.\n   * The function receives column data as a parameter.\n   */\n  readonly?: ReadOnlyFormat;\n  /**\n   * Represents the default column size.\n   */\n  size?: number;\n  /**\n   * Represents the minimal column size.\n   * This property cannot be less than cell padding\n   * in order to keep performance on top and minimize DOM elements number.\n   */\n  minSize?: number;\n  /**\n   * Represents the maximum column size.\n   */\n  maxSize?: number;\n  /**\n   * Represents a custom editor defined in editors property.\n   * Can be a string or an editor constructor function.\n   */\n  editor?: string | EditorCtr;\n  /**\n   * Represents cell properties for custom styling, classes, and events.\n   */\n  cellProperties?: PropertiesFunc;\n  /**\n   * Represents the cell template for custom rendering.\n   */\n  cellTemplate?: CellTemplate;\n  /**\n   * Represents the cell compare function for custom sorting.\n   */\n  cellCompare?: CellCompareFunc;\n\n  /**\n   * Represents the cell value parse function for custom parsing.\n   * Currently only used for filtering.\n   */\n  cellParser?: (model: DataType, column: ColumnRegular) => any;\n}\nexport type Order = 'asc' | 'desc' | undefined;\n/**\n * Interface for regular column definition.\n * Regular column can be any column that is not a grouping column.\n *\n */\n/**\n * ColumnRegular interface represents regular column definition.\n * Regular column can be any column that is not a grouping column.\n */\nexport interface ColumnRegular extends ColumnType {\n  /**\n   * Column prop used for mapping value to cell from data source model/row, used for indexing.\n   */\n  prop: ColumnProp;\n  /**\n   * Column pin 'colPinStart'|'colPinEnd'.\n   */\n  pin?: DimensionColPin;\n  /**\n   * Column header text.\n   */\n  name?: any;\n  /**\n   * Column size would be changed based on space left.\n   */\n  autoSize?: boolean;\n  /**\n   * Filter. Require filter plugin to be installed and activated through grid config filter.\n   */\n  filter?: boolean | string | string[];\n  /**\n   * Is column can be sorted, check cellCompare function for custom sorting.\n   */\n  sortable?: boolean;\n  /**\n   * Sort order.\n   */\n  order?: Order;\n  /**\n   * Is cell in column or individual can be dragged.\n   */\n  rowDrag?: RowDrag;\n  /**\n   * Represents type defined in columnTypes property through grid config.\n   */\n  columnType?: string;\n  /**\n   * Function called before column applied to the store.\n   */\n  beforeSetup?(rgCol: ColumnRegular): void;\n  /**\n   * Additional properties can be added to the column definition.\n   */\n  [key: string]: any;\n}\n\nexport type ColumnData = (ColumnGrouping | ColumnRegular)[];\n/**\n * Column template property.\n * Contains extended properties for column.\n */\nexport interface ColumnTemplateProp extends ColumnRegular {\n  /**\n   * Providers injected into the template.\n   */\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  /**\n   * Index of the column, used for mapping value to cell from data source model/row.\n   */\n  index: number;\n}\n\nexport type ColumnPropProp = ColumnGrouping | ColumnTemplateProp;\n// Column prop used for mapping value to cell from data source model/row, used for indexing.\nexport type ColumnProp = string | number;\n\nexport type DataFormat<T = any> = T;\n\n/**\n * Additional properties applied to the cell.\n * Contains properties for custom cell rendering.\n */\nexport type CellProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n  className?: JSXBase.HTMLAttributes<HTMLDivElement>['class'];\n  // Additional properties for custom cell rendering\n  [attr: string]: string | number | object | boolean | undefined;\n};\n\n\n/**\n * Providers for grid which are going to be injected into each cell template\n */\nexport type Providers<T = DimensionRows> = {\n  /**\n   * Dimension type (e.g. row or column)\n   */\n  type: T;\n  /**\n   * Flag indicating if grid is in readonly mode\n   */\n  readonly: boolean;\n  /**\n   * Data source store\n   */\n  data: Observable<DataSourceState<any, any>> | ColumnRegular[];\n  /**\n   * Viewport store\n   */\n  viewport: Observable<ViewportState>;\n  /**\n   * Dimension store\n   */\n  dimension: Observable<DimensionSettingsState>;\n  /**\n   * Selection store\n   */\n  selection: Observable<SelectionStoreState>;\n};\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  // (tag: any): T;\n  (tag: any): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport type VNodeResponse = (VNode | string | number) | (VNode | string | number)[] | null | undefined;\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (tag: any, data: any): T;\n}\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (tag: any, text: string): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, children: Array<T | undefined | null>): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, text: string): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, children: Array<T | undefined | null>): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, children: T): T;\n}\n\n/**\n * `ExtraNodeFuncConfig` is a configuration object for `External nodes rendered in grid in HTMLRevogrExtraElement`.\n */\nexport interface ExtraNodeFuncConfig { refresh: () => void };\n\n/**\n * `FocusTemplateFunc` is a function that takes an HTML tag or component, and\n * returns a JSX element. This function is used to create JSX elements in a\n * context where JSX is not valid.\n */\nexport type FocusTemplateFunc = (\n  createElement: HyperFunc<VNode>,\n  detail: FocusRenderEvent,\n) => any;\n\n/**\n * `CellCompareFunc` is a function that takes the column property to compare,\n * the data of the first cell, and the data of the second cell. It returns a\n * number indicating the relative order of the two cells.\n */\nexport type CellCompareFunc = (\n  // The column property to compare.\n  prop: ColumnProp,\n  // The data of the first cell.\n  a: DataType,\n  // The data of the second cell.\n  b: DataType,\n) => number;\nexport type ColumnTemplateFunc = (\n  createElement: HyperFunc<VNode>,\n  props: ColumnTemplateProp,\n  additionalData?: any,\n) => any;\nexport type PropertiesFunc = (\n  props: CellTemplateProp,\n) => CellProps | void | undefined;\nexport type ColPropertiesFunc = (\n  props: ColumnPropProp,\n) => CellProps | void | undefined;\nexport type DataType<D = any> = {\n  [T in ColumnProp]: DataFormat<D>;\n};\n\nexport type DataLookup<T = any> = {\n  [rowIndex: number]: DataType<T>;\n};\n/**\n * `RowDefinition` is a type that represents a row definition in the\n * viewport.\n */\nexport type RowDefinition = {\n  /**\n   * The type of the row.\n   */\n  type: DimensionRows;\n  /**\n   * The size of the row.\n   */\n  size: number;\n  /**\n   * The index of the row.\n   */\n  index: number;\n};\nexport interface RowHeaders extends ColumnRegular {}\n/**\n * `ViewPortResizeEvent` is an object that contains information about a resize\n * event in the viewport.\n */\nexport type ViewPortResizeEvent = {\n  /* The dimension of the viewport being resized. */\n  dimension: DimensionType;\n  /* The new size of the viewport. */\n  size: number;\n  /* Indicates whether the resize event is for a row header. */\n  rowHeader?: boolean;\n};\n\n/**\n * `ViewPortScrollEvent` is an object that contains information about a scroll\n * event in the viewport.\n */\nexport type ViewPortScrollEvent = {\n  /**\n   * The dimension of the viewport being scrolled.\n   */\n  dimension: DimensionType;\n  /**\n   * The coordinate of the scroll event.\n   */\n  coordinate: number;\n  /**\n   * The change in coordinate between scroll events.\n   */\n  delta?: number;\n  /**\n   * Indicates whether the scroll event occurred outside the viewport.\n   */\n  outside?: boolean;\n};\n\n/**\n * `InitialHeaderClick` represents the information needed to handle a click\n * event on the initial column header.\n */\nexport type InitialHeaderClick = {\n  /**\n   * The index of the column header that was clicked.\n   */\n  index: number;\n  /**\n   * The original mouse event that triggered the click.\n   */\n  originalEvent: MouseEvent;\n  /**\n   * The column that was clicked.\n   */\n  column: ColumnRegular;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n};\n\n/**\n * `Range` is an object that represents a range of values.\n */\nexport type Range = {\n  /**\n   * The start of the range.\n   */\n  start: number;\n  /**\n   * The end of the range.\n   */\n  end: number;\n};\n\n/**\n * `ViewportStateItems` is an object that represents the items in a viewport\n * along with their corresponding range.\n */\nexport type ViewportStateItems = {\n  /**\n   * The items in the viewport.\n   */\n  items: VirtualPositionItem[];\n} & Range;\n\n/**\n * `ViewportState` is an object that represents the state of a viewport.\n */\nexport interface ViewportState extends ViewportStateItems {\n  /**\n   * The number of real items in the viewport.\n   */\n  realCount: number;\n  /**\n   * The virtual size of the viewport.\n   */\n  virtualSize: number;\n\n  /**\n   * The client size of the viewport.\n   * Usually it's same as virtual size.\n   * Until virtualization is not disabled.\n   */\n  clientSize: number;\n}\n\n/**\n * `ViewSettingSizeProp` is a record that maps column or row indexes to their\n * corresponding sizes.\n */\nexport type ViewSettingSizeProp = Record<string, number>;\n\n/**\n * `VirtualPositionItem` is an object that represents a virtual position item\n * in the viewport.\n */\nexport interface VirtualPositionItem extends PositionItem {\n  /**\n   * The size of the virtual position item.\n   */\n  size: number;\n}\nexport type DataSourceState<\n  T extends DataType | ColumnRegular,\n  ST extends DimensionRows | DimensionCols,\n> = {\n  // items - index based array for mapping to source tree\n  items: number[];\n  // stores items even if they trimmed in items[] there will be a sorted list here\n  proxyItems: number[];\n  // original data source\n  source: T[];\n  // grouping\n  groupingDepth: number;\n  groups: Record<any, any>;\n  // data source type\n  type: ST;\n  // trim data, to hide entities from visible data source\n  trimmed: Record<any, any>;\n};\nexport interface PositionItem {\n  itemIndex: number;\n  start: number;\n  end: number;\n}\n/**\n * Object containing information about calculated dimensions.\n * Used for both columns and rows.\n */\nexport interface DimensionCalc {\n  /**\n   * Array of indexes of visible items.\n   */\n  indexes: number[];\n\n  /**\n   * Count of visible items.\n   */\n  count: number;\n\n  /**\n   * Array of indexes of visible items.\n   * Used for mapping items to their position in DOM.\n   */\n  positionIndexes: number[];\n\n  /**\n   * Mapping of position to item.\n   * Used for mapping position in DOM to item.\n   */\n  positionIndexToItem: {\n    /**\n     * Position in DOM.\n     */\n    [position: number]: PositionItem;\n  };\n\n  /**\n   * Mapping of index to item.\n   * Used for mapping index in data source to item.\n   */\n  indexToItem: {\n    /**\n     * Index in data source.\n     */\n    [index: number]: PositionItem;\n  };\n\n  /**\n   * Object containing information about trimmed data.\n   * Used for hiding entities from visible data source.\n   */\n  trimmed: { [index: number]: number} | null;\n\n  /**\n   * Object containing size for each visible item.\n     * provider stores only changed sizes, not all of them\n     * same as indexes but for sizes and positions\n     * virtual item index to size\n   */\n  sizes: ViewSettingSizeProp;\n}\n/**\n * Represents the settings state of a dimension.\n * It extends the calculation properties of a dimension.\n * It also includes the real size and origin item size of the dimension.\n */\nexport interface DimensionSettingsState extends DimensionCalc {\n  /**\n   * Represents the real size of the dimension.\n   */\n  realSize: number;\n\n  /**\n   * Represents the origin item size of the dimension.\n   */\n  originItemSize: number;\n}\n\n/**\n * Represents the mapping of dimension types to their corresponding observable stores.\n */\nexport type DimensionStores = {\n  [T in MultiDimensionType]: Observable<DimensionSettingsState>;\n};\n\n/**\n * Represents the mapping of dimension types to their corresponding observable stores for the viewport.\n */\nexport type ViewportStores = {\n  [T in MultiDimensionType]: Observable<ViewportState>;\n};\n\n/**\n * Represents the event object that is emitted when the drag operation starts.\n */\nexport interface DragStartEvent {\n  /**\n   * Represents the original mouse event that triggered the drag operation.\n   */\n  originalEvent: MouseEvent;\n\n  /**\n   * Represents the model of the column being dragged.\n   */\n  model: ColumnDataSchemaModel;\n}\n\n/**\n * Represents the event object that is emitted before cell rendering.\n * It includes information about the dimension type, column, row, and model.\n */\nexport interface BeforeCellRenderEvent<T = any> extends AllDimensionType {\n  /**\n   * Represents the column being rendered.\n   */\n  column: VirtualPositionItem;\n\n  /**\n   * Represents the row being rendered.\n   */\n  row: VirtualPositionItem;\n\n  /**\n   * Represents the model being rendered.\n   */\n  model: T;\n}\n\n/**\n * Represents the event object that is emitted before row rendering.\n * It includes information about the dimension type, data item, item, and node.\n */\nexport interface BeforeRowRenderEvent<T = any> extends AllDimensionType {\n  /**\n   * Represents the data item being rendered.\n   */\n  model: T;\n\n  /**\n   * Represents the item being rendered.\n   */\n  item: VirtualPositionItem;\n\n  /**\n   * Represents the node being rendered.\n   */\n  node: VNode;\n}\n\n/**\n * Represents the event object that is emitted after rendering.\n * It includes information about the dimension type.\n */\nexport type AfterRendererEvent = {\n  /**\n   * Represents the type of dimension being rendered.\n   */\n  type: DimensionType;\n};\n\n/**\n * Represents the mapping of dimension types to their corresponding dimension types.\n */\nexport interface AllDimensionType {\n  /**\n   * Represents the dimension type for rows.\n   */\n  rowType: DimensionRows;\n\n  /**\n   * Represents the dimension type for columns.\n   */\n  colType: DimensionCols;\n}\n\n/**\n * Represents the event object that is emitted when applying focus.\n * It includes information about the dimension type and focused cells.\n */\nexport interface ApplyFocusEvent extends AllDimensionType, FocusedCells {}\n\n/**\n * Represents the event object that is emitted before focus rendering.\n * It includes information about the dimension type and range area.\n */\nexport interface FocusRenderEvent extends AllDimensionType {\n  /**\n   * Represents the range area of the focus.\n   */\n  range: RangeArea;\n\n  rowDimension: DimensionSettingsState;\n\n  colDimension: DimensionSettingsState;\n\n  /**\n   * Changes for the next cell to focus. @example { y: -1 }\n   */\n  next?: Partial<Cell>;\n}\n\nexport interface FocusAfterRenderEvent extends AllDimensionType {\n  model?: any;\n  column?: ColumnRegular;\n  /**\n   * Index of the row in the viewport\n   */\n  rowIndex: number;\n  /**\n   * Index of the column in the viewport\n   */\n  colIndex: number;\n}\n/**\n * Represents the event object that is emitted when scrolling occurs.\n * The `type` property indicates the type of dimension (row or column) being scrolled.\n * The `coordinate` property represents the current scroll position in that dimension.\n */\nexport type ScrollCoordinateEvent = {\n  /**\n   * Represents the type of dimension being scrolled.\n   * Possible values are 'rgRow' and 'rgCol'.\n   */\n  type: DimensionType;\n\n  /**\n   * Represents the current scroll position in the specified dimension.\n   * The value is a number representing the coordinate in pixels.\n   */\n  coordinate: number;\n};\n\n/** Range paste. */\nexport type RangeClipboardPasteEvent = {\n  data: DataLookup;\n  models: Partial<DataLookup>;\n  range: RangeArea | null;\n} & AllDimensionType;\n\n/** Range copy. */\nexport type RangeClipboardCopyEventProps<T = any> = {\n  data: DataFormat<T>[][];\n  range: RangeArea;\n  mapping: OldNewRangeMapping;\n} & AllDimensionType;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAgY4D,CAAC","sourcesContent":["import type { VNode } from '@stencil/core';\n\nimport type {\n  DimensionCols,\n  DimensionRows,\n  DimensionColPin,\n  DimensionType,\n  MultiDimensionType,\n} from './dimension';\nimport type {\n  Cell,\n  EditorCtr,\n  FocusedCells,\n  OldNewRangeMapping,\n  RangeArea,\n  SelectionStoreState,\n} from './selection';\nimport type { Observable } from '../utils';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type Nullable<T> = {\n  [P in keyof T]: T[P] | null;\n};\n\n/**\n * Advanced column data schema model.\n * Used for transpassing data to cell renderer and editor.\n */\nexport interface ColumnDataSchemaModel {\n  /**\n   * Column prop used for mapping value to cell from data source model/row\n   */\n  prop: ColumnProp;\n  /**\n   * Row data object\n   */\n  model: DataType;\n  /**\n   * Column data object\n   */\n  column: ColumnRegular;\n  /**\n   * Index of the row in the viewport\n   */\n  rowIndex: number;\n  /**\n   * Index of the column in the viewport\n   */\n  colIndex: number;\n  /**\n   * Column type based on viewport\n   */\n  colType: DimensionCols;\n  /**\n   * Row type based on viewport\n   */\n  type: DimensionRows;\n  /**\n   * Row models based on viewport\n   */\n  data: DataType[];\n  /**\n   * Current cell data value\n   * Mapped from model through column property like model['prop']\n   */\n  value?: any;\n}\n/**\n * Template property for each cell, extends the column data schema model.\n * Additionally, it provides access to the providers injected into the template.\n */\nexport interface CellTemplateProp extends ColumnDataSchemaModel {\n  /**\n   * Providers injected into the template\n   */\n  providers: Providers;\n}\n/**\n * The ReadOnlyFormat type is a boolean value or a function that takes ColumnDataSchemaModel\n * as a parameter and returns a boolean value.\n *\n * If it is a boolean value, it represents whether the cell in question is read-only.\n * If it is a function, it returns whether the cell in question is read-only based on the provided\n * ColumnDataSchemaModel.\n */\nexport type ReadOnlyFormat =\n  | boolean\n  | ((params: ColumnDataSchemaModel) => boolean);\nexport type RowDrag =\n  | boolean\n  | {\n      (params: ColumnDataSchemaModel): boolean;\n    };\n/**\n * `ColumnGrouping` type is used to define a grouping in a column.\n */\nexport type ColumnGrouping<T = any> = {\n  /**\n   * An array of objects that represent the children of the grouping.\n   */\n  children: (ColumnGrouping<T> | ColumnRegular)[];\n  /**\n   * A `DataFormat` object that represents the name of the grouping.\n   */\n  name: DataFormat<T>;\n};\n/**\n * Configuration for header inner template properties\n */\nexport interface ColumnProperties {\n  /**\n   * Header inner template\n   * Function/component to render custom header content\n   */\n  columnTemplate?: ColumnTemplateFunc;\n  /**\n   * Header Cell properties\n   * Custom function/component to render header properties\n   */\n  columnProperties?: ColPropertiesFunc;\n}\n/**\n * Type that represents a collection of column types.\n * The keys are the names of the column types and the values are the corresponding column type objects.\n */\nexport type ColumnTypes = {\n  /**\n   * The name of the column type.\n   */\n  [name: string]: ColumnType;\n};\n\n/**\n * Interface for custom cell renderer.\n */\nexport interface CellTemplate {\n  // TODO: Add Promise support for template and all custom function so user will be able to use async render on the light speed\n  (\n    createElement: HyperFunc<VNode>,\n    props: CellTemplateProp,\n    additionalData?: any,\n  ): any;\n}\n/**\n * Interface for regular column definition.\n * Regular column can be any column that is not a grouping column.\n */\nexport interface ColumnType extends ColumnProperties {\n  /**\n   * Represents whether the column or cell is read-only.\n   * Can be a boolean or a function that returns a boolean.\n   * The function receives column data as a parameter.\n   */\n  readonly?: ReadOnlyFormat;\n  /**\n   * Represents the default column size.\n   */\n  size?: number;\n  /**\n   * Represents the minimal column size.\n   * This property cannot be less than cell padding\n   * in order to keep performance on top and minimize DOM elements number.\n   */\n  minSize?: number;\n  /**\n   * Represents the maximum column size.\n   */\n  maxSize?: number;\n  /**\n   * Represents a custom editor defined in editors property.\n   * Can be a string or an editor constructor function.\n   */\n  editor?: string | EditorCtr;\n  /**\n   * Represents cell properties for custom styling, classes, and events.\n   */\n  cellProperties?: PropertiesFunc;\n  /**\n   * Represents the cell template for custom rendering.\n   */\n  cellTemplate?: CellTemplate;\n  /**\n   * Represents the cell compare function for custom sorting.\n   */\n  cellCompare?: CellCompareFunc;\n\n  /**\n   * Represents the cell value parse function for custom parsing.\n   * Currently only used for filtering.\n   */\n  cellParser?: (model: DataType, column: ColumnRegular) => any;\n}\nexport type Order = 'asc' | 'desc' | undefined;\n/**\n * Interface for regular column definition.\n * Regular column can be any column that is not a grouping column.\n *\n */\n/**\n * ColumnRegular interface represents regular column definition.\n * Regular column can be any column that is not a grouping column.\n */\nexport interface ColumnRegular extends ColumnType {\n  /**\n   * Column prop used for mapping value to cell from data source model/row, used for indexing.\n   */\n  prop: ColumnProp;\n  /**\n   * Column pin 'colPinStart'|'colPinEnd'.\n   */\n  pin?: DimensionColPin;\n  /**\n   * Column header text.\n   */\n  name?: any;\n  /**\n   * Column size would be changed based on space left.\n   */\n  autoSize?: boolean;\n  /**\n   * Filter. Require filter plugin to be installed and activated through grid config filter.\n   */\n  filter?: boolean | string | string[];\n  /**\n   * Is column can be sorted, check cellCompare function for custom sorting.\n   */\n  sortable?: boolean;\n  /**\n   * Sort order.\n   */\n  order?: Order;\n  /**\n   * Is cell in column or individual can be dragged.\n   */\n  rowDrag?: RowDrag;\n  /**\n   * Represents type defined in columnTypes property through grid config.\n   */\n  columnType?: string;\n  /**\n   * Function called before column applied to the store.\n   */\n  beforeSetup?(rgCol: ColumnRegular): void;\n  /**\n   * Additional properties can be added to the column definition.\n   */\n  [key: string]: any;\n}\n\nexport type ColumnData = (ColumnGrouping | ColumnRegular)[];\n/**\n * Column template property.\n * Contains extended properties for column.\n */\nexport interface ColumnTemplateProp extends ColumnRegular {\n  /**\n   * Providers injected into the template.\n   */\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  /**\n   * Index of the column, used for mapping value to cell from data source model/row.\n   */\n  index: number;\n}\n\nexport type ColumnPropProp = ColumnGrouping | ColumnTemplateProp;\n// Column prop used for mapping value to cell from data source model/row, used for indexing.\nexport type ColumnProp = string | number;\n\nexport type DataFormat<T = any> = T;\n\n/**\n * Additional properties applied to the cell.\n * Contains properties for custom cell rendering.\n */\nexport type CellProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n  className?: JSXBase.HTMLAttributes<HTMLDivElement>['class'];\n  // Additional properties for custom cell rendering\n  [attr: string]: string | number | object | boolean | undefined;\n};\n\n\n/**\n * Providers for grid which are going to be injected into each cell template\n */\nexport type Providers<T = DimensionRows> = {\n  /**\n   * Dimension type (e.g. row or column)\n   */\n  type: T;\n  /**\n   * Flag indicating if grid is in readonly mode\n   */\n  readonly: boolean;\n  /**\n   * Data source store\n   */\n  data: Observable<DataSourceState<any, any>> | ColumnRegular[];\n  /**\n   * Viewport store\n   */\n  viewport: Observable<ViewportState>;\n  /**\n   * Dimension store\n   */\n  dimension: Observable<DimensionSettingsState>;\n  /**\n   * Selection store\n   */\n  selection: Observable<SelectionStoreState>;\n};\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  // (tag: any): T;\n  (tag: any): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport type VNodeResponse = (VNode | string | number) | (VNode | string | number)[] | null | undefined;\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (tag: any, data: any): T;\n}\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (tag: any, text: string): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, children: Array<T | undefined | null>): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, text: string): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, children: Array<T | undefined | null>): T;\n}\n\n/**\n * `HyperFunc` is a function that takes an HTML tag or component, and returns a\n * JSX element. This function is used to create JSX elements in a context where\n * JSX is not valid.\n */\nexport interface HyperFunc<T> {\n  (sel: any, data: any, children: T): T;\n}\n\n/**\n * `ExtraNodeFuncConfig` is a configuration object for `External nodes rendered in grid in HTMLRevogrExtraElement`.\n */\nexport interface ExtraNodeFuncConfig { refresh: () => void };\n\n/**\n * `FocusTemplateFunc` is a function that takes an HTML tag or component, and\n * returns a JSX element. This function is used to create JSX elements in a\n * context where JSX is not valid.\n */\nexport type FocusTemplateFunc = (\n  createElement: HyperFunc<VNode>,\n  detail: FocusRenderEvent,\n) => any;\n\n/**\n * `CellCompareFunc` is a function that takes the column property to compare,\n * the data of the first cell, and the data of the second cell. It returns a\n * number indicating the relative order of the two cells.\n */\nexport type CellCompareFunc = (\n  // The column property to compare.\n  prop: ColumnProp,\n  // The data of the first cell.\n  a: DataType,\n  // The data of the second cell.\n  b: DataType,\n) => number;\nexport type ColumnTemplateFunc = (\n  createElement: HyperFunc<VNode>,\n  props: ColumnTemplateProp,\n  additionalData?: any,\n) => any;\nexport type PropertiesFunc = (\n  props: CellTemplateProp,\n) => CellProps | void | undefined;\nexport type ColPropertiesFunc = (\n  props: ColumnPropProp,\n) => CellProps | void | undefined;\nexport type DataType<D = any> = {\n  [T in ColumnProp]: DataFormat<D>;\n};\n\nexport type DataLookup<T = any> = {\n  [rowIndex: number]: DataType<T>;\n};\n/**\n * `RowDefinition` is a type that represents a row definition in the\n * viewport.\n */\nexport type RowDefinition = {\n  /**\n   * The type of the row.\n   */\n  type: DimensionRows;\n  /**\n   * The size of the row.\n   */\n  size: number;\n  /**\n   * The index of the row.\n   */\n  index: number;\n};\nexport interface RowHeaders extends ColumnRegular {}\n/**\n * `ViewPortResizeEvent` is an object that contains information about a resize\n * event in the viewport.\n */\nexport type ViewPortResizeEvent = {\n  /* The dimension of the viewport being resized. */\n  dimension: DimensionType;\n  /* The new size of the viewport. */\n  size: number;\n  /* Indicates whether the resize event is for a row header. */\n  rowHeader?: boolean;\n};\n\n/**\n * `ViewPortScrollEvent` is an object that contains information about a scroll\n * event in the viewport.\n */\nexport type ViewPortScrollEvent = {\n  /**\n   * The dimension of the viewport being scrolled.\n   */\n  dimension: DimensionType;\n  /**\n   * The coordinate of the scroll event.\n   */\n  coordinate: number;\n  /**\n   * The change in coordinate between scroll events.\n   */\n  delta?: number;\n  /**\n   * Indicates whether the scroll event occurred outside the viewport.\n   */\n  outside?: boolean;\n};\n\n/**\n * `InitialHeaderClick` represents the information needed to handle a click\n * event on the initial column header.\n */\nexport type InitialHeaderClick = {\n  /**\n   * The index of the column header that was clicked.\n   */\n  index: number;\n  /**\n   * The original mouse event that triggered the click.\n   */\n  originalEvent: MouseEvent;\n  /**\n   * The column that was clicked.\n   */\n  column: ColumnRegular;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n};\n\n/**\n * `Range` is an object that represents a range of values.\n */\nexport type Range = {\n  /**\n   * The start of the range.\n   */\n  start: number;\n  /**\n   * The end of the range.\n   */\n  end: number;\n};\n\n/**\n * `ViewportStateItems` is an object that represents the items in a viewport\n * along with their corresponding range.\n */\nexport type ViewportStateItems = {\n  /**\n   * The items in the viewport.\n   */\n  items: VirtualPositionItem[];\n} & Range;\n\n/**\n * `ViewportState` is an object that represents the state of a viewport.\n */\nexport interface ViewportState extends ViewportStateItems {\n  /**\n   * The number of real items in the viewport.\n   */\n  realCount: number;\n  /**\n   * The virtual size of the viewport.\n   */\n  virtualSize: number;\n\n  /**\n   * The client size of the viewport.\n   * Usually it's same as virtual size.\n   * Until virtualization is not disabled.\n   */\n  clientSize: number;\n}\n\n/**\n * `ViewSettingSizeProp` is a record that maps column or row indexes to their\n * corresponding sizes.\n */\nexport type ViewSettingSizeProp = Record<string, number>;\n\n/**\n * `VirtualPositionItem` is an object that represents a virtual position item\n * in the viewport.\n */\nexport interface VirtualPositionItem extends PositionItem {\n  /**\n   * The size of the virtual position item.\n   */\n  size: number;\n}\nexport type DataSourceState<\n  T extends DataType | ColumnRegular,\n  ST extends DimensionRows | DimensionCols,\n> = {\n  /**\n   * List of indices for visible items in the grid\n   */\n  items: number[];\n  /**\n   * List of indices for visible items in the grid, even if they are trimmed\n   * Update this collection if you want to change items order\n   */\n  proxyItems: number[];\n  /**\n   * Actual data array\n   */\n  source: T[];\n  /**\n   * Grouping information\n   */\n  groupingDepth: number;\n  groups: Record<any, any>;\n  /**\n   * Dimension type, can be rows or columns depending on context\n   */\n  type: ST;\n  /**\n   * Info for trimming or filtering the data, to hide entities from visible data source\n   */\n  trimmed: Record<any, any>;\n};\nexport interface PositionItem {\n  itemIndex: number;\n  start: number;\n  end: number;\n}\n/**\n * Object containing information about calculated dimensions.\n * Used for both columns and rows.\n */\nexport interface DimensionCalc {\n  /**\n   * Array of indexes of visible items.\n   */\n  indexes: number[];\n\n  /**\n   * Count of visible items.\n   */\n  count: number;\n\n  /**\n   * Array of indexes of visible items.\n   * Used for mapping items to their position in DOM.\n   */\n  positionIndexes: number[];\n\n  /**\n   * Mapping of position to item.\n   * Used for mapping position in DOM to item.\n   */\n  positionIndexToItem: {\n    /**\n     * Position in DOM.\n     */\n    [position: number]: PositionItem;\n  };\n\n  /**\n   * Mapping of index to item.\n   * Used for mapping index in data source to item.\n   */\n  indexToItem: {\n    /**\n     * Index in data source.\n     */\n    [index: number]: PositionItem;\n  };\n\n  /**\n   * Object containing information about trimmed data.\n   * Used for hiding entities from visible data source.\n   */\n  trimmed: { [index: number]: number} | null;\n\n  /**\n   * Object containing size for each visible item.\n     * provider stores only changed sizes, not all of them\n     * same as indexes but for sizes and positions\n     * virtual item index to size\n   */\n  sizes: ViewSettingSizeProp;\n}\n/**\n * Represents the settings state of a dimension.\n * It extends the calculation properties of a dimension.\n * It also includes the real size and origin item size of the dimension.\n */\nexport interface DimensionSettingsState extends DimensionCalc {\n  /**\n   * Represents the real size of the dimension.\n   */\n  realSize: number;\n\n  /**\n   * Represents the origin item size of the dimension.\n   */\n  originItemSize: number;\n}\n\n/**\n * Represents the mapping of dimension types to their corresponding observable stores.\n */\nexport type DimensionStores = {\n  [T in MultiDimensionType]: Observable<DimensionSettingsState>;\n};\n\n/**\n * Represents the mapping of dimension types to their corresponding observable stores for the viewport.\n */\nexport type ViewportStores = {\n  [T in MultiDimensionType]: Observable<ViewportState>;\n};\n\n/**\n * Represents the event object that is emitted when the drag operation starts.\n */\nexport interface DragStartEvent {\n  /**\n   * Represents the original mouse event that triggered the drag operation.\n   */\n  originalEvent: MouseEvent;\n\n  /**\n   * Represents the model of the column being dragged.\n   */\n  model: ColumnDataSchemaModel;\n}\n\n/**\n * Represents the event object that is emitted before cell rendering.\n * It includes information about the dimension type, column, row, and model.\n */\nexport interface BeforeCellRenderEvent<T = any> extends AllDimensionType {\n  /**\n   * Represents the column being rendered.\n   */\n  column: VirtualPositionItem;\n\n  /**\n   * Represents the row being rendered.\n   */\n  row: VirtualPositionItem;\n\n  /**\n   * Represents the model being rendered.\n   */\n  model: T;\n}\n\n/**\n * Represents the event object that is emitted before row rendering.\n * It includes information about the dimension type, data item, item, and node.\n */\nexport interface BeforeRowRenderEvent<T = any> extends AllDimensionType {\n  /**\n   * Represents the data item being rendered.\n   */\n  model: T;\n\n  /**\n   * Represents the item being rendered.\n   */\n  item: VirtualPositionItem;\n\n  /**\n   * Represents the node being rendered.\n   */\n  node: VNode;\n}\n\n/**\n * Represents the event object that is emitted after rendering.\n * It includes information about the dimension type.\n */\nexport type AfterRendererEvent = {\n  /**\n   * Represents the type of dimension being rendered.\n   */\n  type: DimensionType;\n};\n\n/**\n * Represents the mapping of dimension types to their corresponding dimension types.\n */\nexport interface AllDimensionType {\n  /**\n   * Represents the dimension type for rows.\n   */\n  rowType: DimensionRows;\n\n  /**\n   * Represents the dimension type for columns.\n   */\n  colType: DimensionCols;\n}\n\n/**\n * Represents the event object that is emitted when applying focus.\n * It includes information about the dimension type and focused cells.\n */\nexport interface ApplyFocusEvent extends AllDimensionType, FocusedCells {}\n\n/**\n * Represents the event object that is emitted before focus rendering.\n * It includes information about the dimension type and range area.\n */\nexport interface FocusRenderEvent extends AllDimensionType {\n  /**\n   * Represents the range area of the focus.\n   */\n  range: RangeArea;\n\n  rowDimension: DimensionSettingsState;\n\n  colDimension: DimensionSettingsState;\n\n  /**\n   * Changes for the next cell to focus. @example { y: -1 }\n   */\n  next?: Partial<Cell>;\n}\n\nexport interface FocusAfterRenderEvent extends AllDimensionType {\n  model?: any;\n  column?: ColumnRegular;\n  /**\n   * Index of the row in the viewport\n   */\n  rowIndex: number;\n  /**\n   * Index of the column in the viewport\n   */\n  colIndex: number;\n}\n/**\n * Represents the event object that is emitted when scrolling occurs.\n * The `type` property indicates the type of dimension (row or column) being scrolled.\n * The `coordinate` property represents the current scroll position in that dimension.\n */\nexport type ScrollCoordinateEvent = {\n  /**\n   * Represents the type of dimension being scrolled.\n   * Possible values are 'rgRow' and 'rgCol'.\n   */\n  type: DimensionType;\n\n  /**\n   * Represents the current scroll position in the specified dimension.\n   * The value is a number representing the coordinate in pixels.\n   */\n  coordinate: number;\n};\n\n/** Range paste. */\nexport type RangeClipboardPasteEvent = {\n  data: DataLookup;\n  models: Partial<DataLookup>;\n  range: RangeArea | null;\n} & AllDimensionType;\n\n/** Range copy. */\nexport type RangeClipboardCopyEventProps<T = any> = {\n  data: DataFormat<T>[][];\n  range: RangeArea;\n  mapping: OldNewRangeMapping;\n} & AllDimensionType;\n"]}

package/dist/esm/{app-globals-60fd3b54.js → app-globals-6b929fd8.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import './index-b5695870.js';
+import './index-f6fae858.js';
 
 const globalFn = () => { };
 
@@ -9,4 +9,4 @@ const globalScripts = globalFn;
 
 export { globalScripts as g };
 
-//# sourceMappingURL=app-globals-60fd3b54.js.map
+//# sourceMappingURL=app-globals-6b929fd8.js.map

package/dist/esm/{app-globals-60fd3b54.js.map → app-globals-6b929fd8.js.map}

@@ -1 +1 @@
-{"file":"app-globals-60fd3b54.js","mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/home/runner/work/revogrid/revogrid/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
+{"file":"app-globals-6b929fd8.js","mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/home/runner/work/revogrid/revogrid/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/esm/{column.drag.plugin-6a84d7b0.js → column.drag.plugin-94964d01.js}

@@ -1,13 +1,13 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { x as reduce, y as baseEach, r as getColumnType, h as isGrouping, f as getGroupingName, q as getCellDataParsed, G as GROUP_EXPANDED, k as getParsedGroup, P as PSEUDO_GROUP_ITEM_ID, l as isSameGroup, z as GROUP_DEPTH, A as PSEUDO_GROUP_ITEM_VALUE, w as getColumnByProp, p as getCellRaw, B as GROUPING_ROW_TYPE, b as getSource, C as PSEUDO_GROUP_COLUMN, e as gatherGrouping, j as isGroupingColumn, d as getExpanded, t as isColGrouping } from './column.service-ff8f75de.js';
-import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, Z as toInteger, _ as isIterateeCall, u as timeout, $ as baseProperty, a0 as isArrayLike, a1 as getTag, a2 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-a4dd4f76.js';
-import { f as calculateRowHeaderSize } from './viewport.store-e66c1a9b.js';
-import { h } from './index-b5695870.js';
-import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-d9b783c1.js';
+import { x as reduce, y as baseEach, r as getColumnType, h as isGrouping, f as getGroupingName, q as getCellDataParsed, w as getColumnByProp, p as getCellRaw, G as GROUP_EXPANDED, k as getParsedGroup, P as PSEUDO_GROUP_ITEM_ID, l as isSameGroup, z as GROUP_DEPTH, A as PSEUDO_GROUP_ITEM_VALUE, B as GROUPING_ROW_TYPE, b as getSource, C as PSEUDO_GROUP_COLUMN, e as gatherGrouping, j as isGroupingColumn, d as getExpanded, t as isColGrouping } from './column.service-c0d404a6.js';
+import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, Z as toInteger, _ as isIterateeCall, u as timeout, $ as baseProperty, a0 as isArrayLike, a1 as getTag, a2 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-5567e424.js';
+import { f as calculateRowHeaderSize } from './viewport.store-c18a25a6.js';
+import { h } from './index-f6fae858.js';
+import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-84396156.js';
 import { i as isObjectLike, b as baseGetTag, d as debounce } from './debounce-b3166f78.js';
-import { d as dispatch, O as ON_COLUMN_CLICK } from './header-cell-renderer-4508273a.js';
+import { d as dispatch, O as ON_COLUMN_CLICK } from './header-cell-renderer-0f5bd4a9.js';
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -1412,11 +1412,7 @@ class FilterPlugin extends BasePlugin {
         if (defaultPrevented) {
             return;
         }
-        // check is trimmed event prevented
-        const isAddedEvent = await this.revogrid.addTrimmed(detail.itemsToFilter, FILTER_TRIMMED_TYPE);
-        if (isAddedEvent.defaultPrevented) {
-            return;
-        }
+        this.providers.data.setTrimmed({ [FILTER_TRIMMED_TYPE]: detail.itemsToFilter });
         // applies the hasFilter to the columns to show filter icon
         this.providers.column.updateColumns(columnsToUpdate);
         this.emit('afterfilterapply', {
@@ -1542,125 +1538,6 @@ function allAndConditionsSatisfied(pendingResults) {
     return !pendingResults.includes(true);
 }
 
-// provide collapse data
-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
- */
-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;
-}
-
-const TRIMMED_GROUPING = 'grouping';
-/**
- * Prepare trimming updated indexes for grouping
- * @param initiallyTrimed
- * @param firstLevelMap
- * @param secondLevelMap
- */
-function processDoubleConversionTrimmed(initiallyTrimed, firstLevelMap, secondLevelMap) {
-    const trimemedOptionsToUpgrade = {};
-    /**
-     * go through all groups except grouping
-     */
-    for (let type in initiallyTrimed) {
-        if (type === TRIMMED_GROUPING) {
-            continue;
-        }
-        const items = initiallyTrimed[type];
-        const newItems = {};
-        for (let initialIndex in items) {
-            /**
-             * if item exists we find it in collection
-             * we support 2 level of conversions
-             */
-            let newConversionIndex = firstLevelMap[initialIndex];
-            if (secondLevelMap) {
-                newConversionIndex = secondLevelMap[newConversionIndex];
-            }
-            /**
-             * if item was trimmed previously
-             * trimming makes sense to apply
-             */
-            if (items[initialIndex]) {
-                newItems[newConversionIndex] = true;
-                /**
-                 * If changes present apply changes to new source
-                 */
-                if (newConversionIndex !== parseInt(initialIndex, 10)) {
-                    trimemedOptionsToUpgrade[type] = newItems;
-                }
-            }
-        }
-    }
-    return trimemedOptionsToUpgrade;
-}
-
 /** `Object#toString` result references. */
 var stringTag = '[object String]';
 
@@ -2075,6 +1952,125 @@ class SortingPlugin extends BasePlugin {
     }
 }
 
+// provide collapse data
+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
+ */
+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;
+}
+
+const TRIMMED_GROUPING = 'grouping';
+/**
+ * Prepare trimming updated indexes for grouping
+ * @param initiallyTrimed
+ * @param firstLevelMap
+ * @param secondLevelMap
+ */
+function processDoubleConversionTrimmed(initiallyTrimed, firstLevelMap, secondLevelMap) {
+    const trimemedOptionsToUpgrade = {};
+    /**
+     * go through all groups except grouping
+     */
+    for (let type in initiallyTrimed) {
+        if (type === TRIMMED_GROUPING) {
+            continue;
+        }
+        const items = initiallyTrimed[type];
+        const newItems = {};
+        for (let initialIndex in items) {
+            /**
+             * if item exists we find it in collection
+             * we support 2 level of conversions
+             */
+            let newConversionIndex = firstLevelMap[initialIndex];
+            if (secondLevelMap) {
+                newConversionIndex = secondLevelMap[newConversionIndex];
+            }
+            /**
+             * if item was trimmed previously
+             * trimming makes sense to apply
+             */
+            if (items[initialIndex]) {
+                newItems[newConversionIndex] = true;
+                /**
+                 * If changes present apply changes to new source
+                 */
+                if (newConversionIndex !== parseInt(initialIndex, 10)) {
+                    trimemedOptionsToUpgrade[type] = newItems;
+                }
+            }
+        }
+    }
+    return trimemedOptionsToUpgrade;
+}
+
 class GroupingRowPlugin extends BasePlugin {
     getStore(type = GROUPING_ROW_TYPE) {
         return this.providers.data.stores[type].store;
@@ -2158,53 +2154,6 @@ class GroupingRowPlugin extends BasePlugin {
         const sortingPlugin = this.providers.plugins.getByClass(SortingPlugin);
         return !!(sortingPlugin === null || sortingPlugin === void 0 ? void 0 : sortingPlugin.sortingPromise);
     }
-    // subscribe to grid events to process them accordingly
-    subscribe() {
-        /** 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('groupexpandclick', e => this.onExpand(e.detail));
-    }
     /**
      * Starts global source update with group clearing and applying new one
      * Initiated when need to reapply grouping
@@ -2221,11 +2170,11 @@ class GroupingRowPlugin extends BasePlugin {
          * Group again
          * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes
          */
-        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], expanded);
+        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, childrenByGroup, oldNewIndexes !== null && oldNewIndexes !== void 0 ? oldNewIndexes : {}, oldNewIndexMap);
+        this.updateTrimmed(trimmed, oldNewIndexes !== null && oldNewIndexes !== void 0 ? oldNewIndexes : {}, oldNewIndexMap);
     }
     /**
      * Apply grouping on data set
@@ -2241,13 +2190,13 @@ class GroupingRowPlugin extends BasePlugin {
         }
         const source = data.source.filter(s => !isGrouping(s));
         const options = Object.assign(Object.assign({}, (this.revogrid.grouping || {})), { prevExpanded: preservedExpanded });
-        const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.props) || [], options);
+        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, childrenByGroup, oldNewIndexMap);
+        this.updateTrimmed(trimmed, oldNewIndexMap);
     }
     /**
-     * Externam call to apply grouping. Called by revogrid when prop changed.
+     * External call to apply grouping. Called by revogrid when prop changed.
      */
     setGrouping(options) {
         var _a, _b;
@@ -2259,12 +2208,12 @@ class GroupingRowPlugin extends BasePlugin {
             this.clearGrouping();
             return;
         }
-        // props exist and source inited
+        // props exist and source initd
         const { source } = getSource(this.getStore().get('source'), this.getStore().get('proxyItems'));
         if (source.length) {
             this.doSourceUpdate(Object.assign({}, options));
         }
-        // props exist and columns inited
+        // props exist and columns initd
         for (let t of columnTypes) {
             if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
                 this.providers.column.refreshByType(t);
@@ -2272,7 +2221,50 @@ class GroupingRowPlugin extends BasePlugin {
             }
         }
         // if has any grouping subscribe to events again
-        this.subscribe();
+        /** 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('groupexpandclick', e => this.onExpand(e.detail));
     }
     // clear grouping
     clearGrouping() {
@@ -2296,7 +2288,7 @@ class GroupingRowPlugin extends BasePlugin {
         this.providers.data.setData(source, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, undefined, true);
         this.updateTrimmed(undefined, undefined, oldNewIndexes);
     }
-    updateTrimmed(trimmedGroup = {}, _childrenByGroup = {}, firstLevelMap = {}, secondLevelMap) {
+    updateTrimmed(trimmedGroup = {}, firstLevelMap = {}, secondLevelMap) {
         // map previously trimmed data
         const trimemedOptionsToUpgrade = processDoubleConversionTrimmed(this.getStore().get('trimmed'), firstLevelMap, secondLevelMap);
         for (let type in trimemedOptionsToUpgrade) {
@@ -2536,6 +2528,6 @@ function getLeftRelative(absoluteX, gridPos, offset) {
     return absoluteX - gridPos - offset;
 }
 
-export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnMovePlugin as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, StretchColumn as S, isStretchPlugin as a, ExportCsv as b, columnTypes as c, FILTER_CONFIG_CHANGED_EVENT as d, FILTE_PANEL as e, FilterPlugin as f, filterCoreFunctionsIndexedByType as g, filterTypes as h, isRowType as i, filterNames as j, getLeftRelative as k, SortingPlugin as l, forEach as m, 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, StretchColumn as S, isStretchPlugin as a, ExportCsv as b, columnTypes as c, FILTER_CONFIG_CHANGED_EVENT as d, FILTE_PANEL as e, FilterPlugin as f, filterCoreFunctionsIndexedByType as g, filterTypes as h, isRowType as i, filterNames as j, doCollapse as k, doExpand as l, getLeftRelative as m, SortingPlugin as n, forEach as o, rowTypes as r };
 
-//# sourceMappingURL=column.drag.plugin-6a84d7b0.js.map
+//# sourceMappingURL=column.drag.plugin-94964d01.js.map