@revolist/revogrid 4.10.2 → 4.10.4

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

@@ -1 +1 @@
-{"version":3,"names":["GroupHeaderRenderer","p","groupProps","canResize","minWidth","group","ids","length","MIN_COL_SIZE","maxWidth","active","class","HEADER_CLASS","style","transform","start","width","end","onResize","h","HeaderCellRenderer","data","Object","assign","prop","providers","index","props","additionalData","ColumnGroupsRenderer","depth","groups","visibleProps","dimensionCol","groupRow","i","indexFirstVisibleCol","findIndex","id","colVisibleIndex","groupStartIndex","groupEndIndex","groupStart","getItemByIndex","groupEnd","push","e","_a","changedX","HEADER_ROW_CLASS","PADDING_DEPTH","RowRenderer","rowClass","size","cells","DATA_ROW","height","paddingLeft","undefined","expandEvent","model","virtualIndex","event","CustomEvent","GROUP_EXPAND_EVENT","detail","cancelable","bubbles","target","dispatchEvent","GroupingRowRenderer","itemIndex","hasExpand","groupingCustomRenderer","name","PSEUDO_GROUP_ITEM","expanded","GROUP_EXPANDED","parseInt","GROUP_DEPTH","onClick","GROUP_EXPAND_BTN","focusable","viewBox","fill","d","RowHighlightPlugin","constructor","this","currentRange","selectionChange","renderedRows","forEach","row","y","y1","$elm$","HTMLElement","classList","contains","ROW_FOCUSED_CLASS","remove","$attrs$","includes","replace","get","attrs","add","isRowFocused","convertVNodeToHTML","parentHolder","redraw","Promise","resolve","vnode","document","createElement","appendChild","addEventListener","renderCell","v","els","template","column","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","DRAG_ICON_CLASS","getCellData","CellRenderer","renderProps","cellProps","render","bind","revogrDataStyleCss","RevogrDataStyle0","RevogrData","Map","updateCell","cell","_b","$children$","col","_c","children","element","innerHTML","html","$key$","Math","random","onDataStoreChange","onStoreChange","onColDataChange","columnService","destroy","ColumnService","dataStore","colData","type","readonly","viewport","viewportCol","dimension","dimensionRow","selection","rowSelectionStore","rangeUnsubscribe","call","onChange","rowHighlightPlugin","connectedCallback","disconnectedCallback","componentWillRender","beforeDataRender","rowType","colType","all","jobsBeforeRender","map","componentDidRender","afterrender","columnsData","columns","rows","viewportRow","cols","rowsEls","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","isGrouping","rgCol","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","schemaModel","defaultProps","DATA_COL","mergeProperties","cellProperties","cellNode","cellTemplate","getRowClass","beforerowrender","node","item","set","Host","beforeCellRender","defineProperty","func","getNative","defineProperty$1","baseAssignValue","object","key","value","configurable","enumerable","writable","arrayAggregator","array","setter","iteratee","accumulator","baseAggregator","collection","baseEach","createAggregator","initializer","isArray","baseIteratee","keyBy","result","keyBy$1","HeaderRenderer","cellClass","HEADER_SORTABLE_CLASS","sortable","order","dataProps","minSize","_d","maxSize","onDblClick","range","x","x1","FOCUS_CLASS","SortingSign","canFilter","_e","filter","FilterButton","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","beforeResize","headerresize","onResizeGroup","startIndex","endIndex","sizes","change","afterHeaderRender","selectionStore","columnFilter","resizeHandler","headerdblClick","initialHeaderClick","beforeHeaderRender","state","groupingDepth","HEADER_ACTUAL_ROW_CLASS","async","resizeObserver","window","module","import","ResizeObserver","GridResizeService","el","events","resize","throttle","o","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","oldValY","contentHeight","oldValX","contentWidth","setScroll","localScrollTimer","latestScrollUpdate","localScrollService","changeScroll","silent","coordinate","verticalScroll","delta","horizontalScroll","scrollLeft","scrollTop","mousewheelVertical","verticalMouseWheel","mousewheelHorizontal","horizontalMouseWheel","scrollApply","applyOnScroll","onVerticalMouseWheel","onHorizontalMouseWheel","LocalScrollTimer","documentElement","LocalScrollService","runScroll","scrollViewport","applyScroll","setCoordinate","componentDidLoad","resizeService","entries","contentRect","header","clientHeight","footer","contentSize","scroll","_f","noScroll","_g","dim","resizeViewport","rowHeader","_h","_j","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","silentScroll","outside","isReady","scrollHeight","atBottom","deltaY","atTop","preventDefault","pos","deltaX","scrollWidth","atRight","atLeft","VNodeToHtml","vnodes","visibility","position"],"sources":["src/plugins/groupingColumn/headerGroupRenderer.tsx","src/plugins/groupingColumn/columnGroupsRenderer.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/cell-renderer.tsx","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx","node_modules/lodash/_defineProperty.js","node_modules/lodash/_baseAssignValue.js","node_modules/lodash/_arrayAggregator.js","node_modules/lodash/_baseAggregator.js","node_modules/lodash/_createAggregator.js","node_modules/lodash/keyBy.js","src/components/header/header-renderer.tsx","src/components/header/revogr-header-style.scss?tag=revogr-header","src/components/header/revogr-header.tsx","src/utils/resize-observer.polifill.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx","src/components/vnode/vnode-converter.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { Group } from '@store';\nimport { CellProps, Providers } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../components/header/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\nimport { DimensionCols } from '../../components';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../components/header/resizable.directive';\n\ntype Props<T> = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: Providers<T>;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX ?? 0, groupStartIndex, groupEndIndex)}\n              additionalData={additionalData}\n            />,\n          );\n        }\n      }\n    }\n    groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n  }\n  return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n","import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem } from '@type';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  groupingCustomRenderer?: GroupLabelTemplateFunc | null;\n}\ntype Props = GroupRowPros & PositionItem;\n\nfunction expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  });\n  e.target?.dispatchEvent(event);\n}\n\nconst GroupingRowRenderer = (props: Props) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\n  const name: string = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, { name, itemIndex, expanded, depth })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button class={{ [GROUP_EXPAND_BTN]: true }} onClick={e => expandEvent(e, model, itemIndex)}>\n        <svg aria-hidden=\"true\" style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }} focusable=\"false\" viewBox=\"0 0 448 512\">\n          <path\n            fill=\"currentColor\"\n            d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n          ></path>\n        </svg>\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\nexport default GroupingRowRenderer;\n","import { VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '@type';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { VNode } from '@stencil/core';\nimport { JSX } from '../../components';\n\n/**\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\n */\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']): Promise<{ html: string; vnodes: (VNode[]) | null }> {\n  return new Promise<{ html: string; vnodes: (VNode[]) | null }>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  Providers,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  CellTemplate,\n} from '@type';\n\nimport {\n  getCellData,\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n} from '../../utils';\n\nimport { isRowDragService } from './column.service';\n\ninterface RenderProps {\n  model: ColumnDataSchemaModel;\n  providers: Providers;\n  template?: CellTemplate;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  if (v.template) {\n    els.push(\n      v.template(h, { ...v.model, providers: v.providers }, v.additionalData),\n    );\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.model.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.model);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.model.column.rowDrag &&\n      isRowDragService(v.model.column.rowDrag, v.model)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell?.emit({\n              originalEvent,\n              model: v.model,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n\n    els.push(`${getCellData(v.model.model[v.model.prop])}`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","revogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n\n    &.groupingRow {\n      font-weight: 600;\n      text-align: left;\n\n      .group-expand {\n        width: 25px;\n        height: 100%;\n        max-height: 25px;\n        margin-right: 2px;\n        background-color: transparent;\n        border-color: transparent;\n\n        svg {\n          width: 7px;\n        }\n      }\n    }\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n\n    &:hover {\n      > .revo-drag-icon {\n        opacity: 1;\n        zoom: 1.2;\n        font-weight: 600;\n      }\n    }\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    }\n  }\n\n  .rgCell {\n    top: 0;\n    left: 0;\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    outline: none;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  VNode,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport { DATA_COL, DATA_ROW, ROW_FOCUSED_CLASS } from '../../utils/consts';\n\nimport { DSourceState, getSourceItem } from '@store';\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport { AllDimensionType, DimensionCols, DimensionRows } from '@type';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  VirtualPositionItem,\n  RangeArea,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n/**\n * This component is responsible for rendering data\n * Rows, columns, groups and cells\n */\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  // #region Properties\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * Range allowed\n   */\n  @Prop() range: boolean;\n\n  /**\n   * Defines property from which to read row class\n   */\n  @Prop() rowClass: string;\n  /**\n   * Additional data to pass to renderer\n   * Used in plugins such as vue or react to pass root app entity to cells\n   */\n  @Prop() additionalData: any;\n  /** Stores */\n  /** Selection, range, focus for row selection */\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\n  /** Viewport Y */\n  @Prop() viewportRow!: Observable<ViewportState>;\n  /** Viewport X */\n  @Prop() viewportCol!: Observable<ViewportState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  /**\n   * Column source\n   */\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Row data type\n   */\n  @Prop({ reflect: true }) type!: DimensionRows;\n\n  /**\n   * Column data type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Prevent rendering until job is done.\n   * Can be used for initial rendering performance improvement.\n   * When several plugins require initial rendering this will prevent double initial rendering.\n   */\n  @Prop() jobsBeforeRender: (Promise<any> | (() => Promise<any>))[] = [];\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\n  \n  /**\n   * When data render finished for the designated type\n   */\n  @Event() afterrender: EventEmitter<{ type: DimensionRows }>;\n  /**\n   * Before each cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforecellrender' })\n  beforeCellRender: EventEmitter<BeforeCellRenderEvent<ColumnDataSchemaModel>>;\n\n  /**\n   * Before data render\n   */\n  @Event({ eventName: 'beforedatarender' })\n  beforeDataRender: EventEmitter<AllDimensionType>;\n  /**\n   * Event emitted on cell drag start\n   */\n  @Event({ eventName: 'dragstartcell' })\n  dragStartCell: EventEmitter<DragStartEvent>;\n\n  /**\n   * Pointed cell update.\n   */\n  @Method() async updateCell(e: {\n    row: number; // virtual\n    col: number; // virtual\n  }) {\n    // Stencil tweak to update cell content\n    const cell = this.renderedRows.get(e.row)?.$children$?.[e.col];\n    if (cell?.$attrs$?.redraw) {\n      const children = await convertVNodeToHTML(\n        this.element,\n        cell.$attrs$.redraw,\n      );\n      cell.$elm$.innerHTML = children.html;\n      cell.$key$ = Math.random();\n    }\n  }\n\n  @Element() element!: Element;\n  @State() providers: Providers;\n  private columnService: ColumnService;\n  private rowHighlightPlugin: RowHighlightPlugin;\n  /**\n   * Rendered rows - virtual index vs vnode\n   */\n  private renderedRows = new Map<number, VNode>();\n  private rangeUnsubscribe: (() => void) | undefined;\n\n  @Watch('dataStore') onDataStoreChange() {\n    this.onStoreChange();\n  }\n  @Watch('colData') onColDataChange() {\n    this.onStoreChange();\n  }\n  onStoreChange() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n    // make sure we have correct data, before render\n    this.providers = {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.dataStore,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: this.rowSelectionStore,\n    };\n\n    this.rangeUnsubscribe?.();\n    this.rangeUnsubscribe = this.rowSelectionStore.onChange(\n      'range',\n      (e: RangeArea) =>\n        this.rowHighlightPlugin.selectionChange(e, this.renderedRows),\n    );\n  }\n\n  connectedCallback() {\n    this.rowHighlightPlugin = new RowHighlightPlugin();\n    this.onStoreChange();\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n    this.rangeUnsubscribe?.();\n  }\n\n  async componentWillRender() {\n    this.beforeDataRender.emit({\n      rowType: this.type,\n      colType: this.colType as DimensionCols,\n    });\n    return Promise.all(this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p));\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    const columnsData = this.columnService.columns;\n    if (!columnsData.length) {\n      return;\n    }\n    const rows = this.viewportRow.get('items');\n    if (!rows.length) {\n      return;\n    }\n    const cols = this.viewportCol.get('items');\n    if (!cols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\n    for (let rgRow of rows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      if (isGrouping(dataItem)) {\n        rowsEls.push(\n          <GroupingRowRenderer\n            {...rgRow}\n            index={rgRow.itemIndex}\n            model={dataItem}\n            groupingCustomRenderer={groupingCustomRenderer}\n            hasExpand={this.columnService.hasGrouping}\n          />,\n        );\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      for (let rgCol of cols) {\n        const model = this.columnService.rowDataModel(\n          rgRow.itemIndex,\n          rgCol.itemIndex,\n        );\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(model, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps, model: schemaModel },\n        } = cellEvent;\n\n        const defaultProps: CellProps = {\n          [DATA_COL]: columnProps.itemIndex,\n          [DATA_ROW]: rowProps.itemIndex,\n          style: {\n            width: `${columnProps.size}px`,\n            transform: `translateX(${columnProps.start}px)`,\n            height: rowProps.size ? `${rowProps.size}px` : undefined,\n          },\n        };\n        /**\n         * For grouping, can be removed in the future and replaced with event\n         */\n        if (groupDepth && !columnProps.itemIndex && defaultProps.style) {\n          defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;\n        }\n\n        const props = this.columnService.mergeProperties(\n          rowProps.itemIndex,\n          columnProps.itemIndex,\n          defaultProps,\n          schemaModel,\n          schemaModel.column?.cellProperties,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        const cellNode = <CellRenderer\n          renderProps={{\n            model: schemaModel,\n            providers: this.providers,\n            template: schemaModel.column?.cellTemplate,\n            additionalData: this.additionalData,\n            dragStartCell: this.dragStartCell,\n          }}\n          cellProps={props}\n        />;\n        cells.push(cellNode);\n      }\n      // #endregion\n\n      // #region Rows\n      let rowClass = this.rowClass\n        ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)\n        : '';\n      if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {\n        rowClass += ` ${ROW_FOCUSED_CLASS}`;\n      }\n      const row: VNode = (\n        <RowRenderer\n          index={rgRow.itemIndex}\n          rowClass={rowClass}\n          size={rgRow.size}\n          start={rgRow.start}\n        >\n          {cells}\n        </RowRenderer>\n      );\n      this.beforerowrender.emit({\n        node: row,\n        item: rgRow,\n        model: dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    return (\n      <Host>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n  }\n\n  triggerBeforeCellRender(\n    model: ColumnDataSchemaModel,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    const detail: BeforeCellRenderEvent<ColumnDataSchemaModel> = {\n      column: { ...column },\n      row: { ...row },\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    };\n    return this.beforeCellRender.emit(detail);\n  }\n}\n","import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n","import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n","/**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction arrayAggregator(array, setter, iteratee, accumulator) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    var value = array[index];\n    setter(accumulator, value, iteratee(value), array);\n  }\n  return accumulator;\n}\n\nexport default arrayAggregator;\n","import baseEach from './_baseEach.js';\n\n/**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction baseAggregator(collection, setter, iteratee, accumulator) {\n  baseEach(collection, function(value, key, collection) {\n    setter(accumulator, value, iteratee(value), collection);\n  });\n  return accumulator;\n}\n\nexport default baseAggregator;\n","import arrayAggregator from './_arrayAggregator.js';\nimport baseAggregator from './_baseAggregator.js';\nimport baseIteratee from './_baseIteratee.js';\nimport isArray from './isArray.js';\n\n/**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\nfunction createAggregator(setter, initializer) {\n  return function(collection, iteratee) {\n    var func = isArray(collection) ? arrayAggregator : baseAggregator,\n        accumulator = initializer ? initializer() : {};\n\n    return func(collection, setter, baseIteratee(iteratee, 2), accumulator);\n  };\n}\n\nexport default createAggregator;\n","import baseAssignValue from './_baseAssignValue.js';\nimport createAggregator from './_createAggregator.js';\n\n/**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The corresponding value of\n * each key is the last element responsible for generating the key. The\n * iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * var array = [\n *   { 'dir': 'left', 'code': 97 },\n *   { 'dir': 'right', 'code': 100 }\n * ];\n *\n * _.keyBy(array, function(o) {\n *   return String.fromCharCode(o.code);\n * });\n * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }\n *\n * _.keyBy(array, 'dir');\n * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }\n */\nvar keyBy = createAggregator(function(result, value, key) {\n  baseAssignValue(result, key, value);\n});\n\nexport default keyBy;\n","import { h, VNode } from '@stencil/core';\nimport type {\n  VirtualPositionItem,\n  ColumnTemplateProp,\n  InitialHeaderClick,\n  RangeArea\n} from '@type';\n\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from './resizable.directive';\nimport {\n  DATA_COL,\n  FOCUS_CLASS,\n  HEADER_CLASS,\n  HEADER_SORTABLE_CLASS,\n  MIN_COL_SIZE,\n} from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { ResizableElementHTMLAttributes } from './resizable.element';\n\nexport type HeaderRenderProps = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data: ColumnTemplateProp;\n  range?: RangeArea | null;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDblClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: HeaderRenderProps): 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: ResizableElementHTMLAttributes = {\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: p.active || ['r'],\n    class: cellClass,\n    style: {\n      width: `${p.column.size}px`,\n      transform: `translateX(${p.column.start}px)`,\n    },\n    onResize: p.onResize,\n    onDblClick(originalEvent: MouseEvent) {\n      p.onDblClick?.({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\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  return (\n    <HeaderCellRenderer\n      data={p.data}\n      props={dataProps}\n      additionalData={p.additionalData}\n    >\n      {<SortingSign column={p.data} />}\n      {p.canFilter && p.data?.filter !== false ? (\n        <FilterButton column={p.data} />\n      ) : (\n        ''\n      )}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n","revogr-header {\n  position: relative;\n  z-index: 5;\n  display: block;\n  \n\n  .rgHeaderCell {\n    display: flex;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n    &.sortable {\n      cursor: pointer;\n    }\n\n    i {\n      &.asc,\n      &.desc {\n        &:after {\n          font-size: 13px;\n        }\n      }\n      &.asc {\n        &:after {\n          content: '↑';\n        }\n      }\n      &.desc {\n        &:after {\n          content: '↓';\n        }\n      }\n    }\n  }\n\n  .rgHeaderCell,\n  .grouped-cell {\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .header-rgRow {\n    display: block;\n    position: relative;\n\n    &.group {\n      z-index: 0;\n    }\n  }\n\n  .group-rgRow {\n    position: relative;\n  }\n\n  .rgHeaderCell {\n    &.active {\n      z-index: 10;\n\n      .resizable {\n        background-color: deepskyblue;\n      }\n    }\n    .header-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex-grow: 1;\n    }\n    .resizable {\n      display: block;\n      position: absolute;\n      z-index: 90;\n      touch-action: none;\n      user-select: none;\n      &:hover {\n        background-color: deepskyblue;\n      }\n    }\n    $size: 6px;\n    > .resizable-r {\n      cursor: ew-resize;\n      width: $size;\n      right: 0;\n      top: 0;\n      height: 100%;\n    }\n    > .resizable-rb {\n      cursor: se-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      bottom: 0;\n    }\n\n    > .resizable-b {\n      cursor: s-resize;\n      height: $size;\n      bottom: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-lb {\n      cursor: sw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      bottom: 0;\n    }\n\n    > .resizable-l {\n      cursor: w-resize;\n      width: $size;\n      left: 0;\n      height: 100%;\n      top: 0;\n    }\n\n    > .resizable-lt {\n      cursor: nw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      top: 0;\n    }\n\n    > .resizable-t {\n      cursor: n-resize;\n      height: $size;\n      top: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-rt {\n      cursor: ne-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      top: 0;\n    }\n  }\n  .rv-filter {\n    visibility: hidden;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n} from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Groups } from '@store';\nimport HeaderRenderer, { HeaderRenderProps } from './header-renderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\nimport { ResizeProps } from './resizable.directive';\nimport {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  Providers,\n  ViewportState,\n  ViewSettingSizeProp,\n  DimensionCols,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n@Component({\n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  // #region Properties\n  /**\n   * Stores\n   */\n  /** Viewport X */\n  @Prop() viewportCol: Observable<ViewportState>;\n  /** Dimension settings X */\n  @Prop() dimensionCol: Observable<DimensionSettingsState>;\n  /** Selection, range, focus */\n  @Prop() selectionStore: Observable<SelectionStoreState>;\n\n  /**\n   * Column groups\n   */\n  @Prop() groups: Groups;\n  /**\n   * Grouping depth, how many levels of grouping\n   */\n  @Prop() groupingDepth = 0;\n\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * If columns can be resized\n   */\n  @Prop() canResize: boolean;\n  /**\n   * Defines resize position\n   */\n  @Prop() resizeHandler: ResizeProps['active'];\n\n  /**\n   * Columns - defines an array of grid columns.\n   */\n  @Prop() colData: ColumnRegular[];\n\n  /**\n   * Column filter\n   */\n  @Prop() columnFilter: boolean;\n\n  /**\n   * Column type\n   */\n  @Prop() type!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Extra properties to pass into header renderer, such as vue or react components to handle parent\n   */\n  @Prop() additionalData: any = {};\n  // #endregion\n\n  // #region Events\n\n  /**\n   * On initial header click\n   */\n  @Event({\n    eventName: 'beforeheaderclick',\n  })\n  initialHeaderClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * On header resize\n   */\n  @Event({\n    eventName: 'headerresize',\n  })\n  headerresize: EventEmitter<ViewSettingSizeProp>;\n\n  /**\n   * On before header resize\n   */\n  @Event({ eventName: 'beforeheaderresize', cancelable: true })\n  beforeResize: EventEmitter<ColumnRegular[]>;\n\n  /**\n   * On header double click\n   */\n  @Event({\n    eventName: 'headerdblclick',\n  })\n  headerdblClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * Before each header cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforeheaderrender' })\n  beforeHeaderRender: EventEmitter<HeaderRenderProps>;\n\n  /**\n   * After all header cells rendered. Finalizes cell rendering.\n   */\n  @Event({ eventName: 'afterheaderrender' })\n  afterHeaderRender: EventEmitter<Providers<DimensionCols | 'rowHeaders'>>;\n\n  // #endregion\n\n  @Element() element!: HTMLStencilElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  componentDidRender() {\n    this.afterHeaderRender.emit(this.providers);\n  }\n\n  render() {\n    const cols = this.viewportCol.get('items');\n    const range = this.selectionStore?.get('range');\n    const cells: VNode[] = [];\n    const visibleProps: { [prop: string]: number } = {};\n\n    // render header columns\n    for (let rgCol of cols) {\n      const colData = this.colData[rgCol.itemIndex];\n      const props: HeaderRenderProps = {\n        range: range,\n        column: rgCol,\n        data: {\n          ...colData,\n          index: rgCol.itemIndex,\n          providers: this.providers,\n        },\n        canFilter: !!this.columnFilter,\n        canResize: this.canResize,\n        active: this.resizeHandler,\n        onResize: e => this.onResize(e, rgCol.itemIndex),\n        onDblClick: e => this.headerdblClick.emit(e),\n        onClick: e => this.initialHeaderClick.emit(e),\n        additionalData: this.additionalData,\n      };\n      const event = this.beforeHeaderRender.emit(props);\n      if (event.defaultPrevented) {\n        continue;\n      }\n      cells.push(<HeaderRenderer {...event.detail} />);\n      visibleProps[colData?.prop] = rgCol.itemIndex;\n    }\n\n    return [\n      <div class=\"group-rgRow\">\n        <ColumnGroupsRenderer\n          canResize={this.canResize}\n          active={this.resizeHandler}\n          visibleProps={visibleProps}\n          providers={this.providers}\n          groups={this.groups}\n          dimensionCol={this.dimensionCol.state}\n          depth={this.groupingDepth}\n          onResize={(changedX, startIndex, endIndex) =>\n            this.onResizeGroup(changedX, startIndex, endIndex)\n          }\n          additionalData={this.additionalData}\n        />\n      </div>,\n      <div class={`${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`}>\n        {cells}\n      </div>,\n    ];\n  }\n\n  get providers(): Providers<DimensionCols | 'rowHeaders'> {\n    return {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionCol,\n      selection: this.selectionStore,\n    };\n  }\n}\n","export async function resizeObserver() {\n  if (!('ResizeObserver' in window)) {\n    const module = await import('@juggle/resize-observer');\n    (window as Window & typeof globalThis).ResizeObserver = (module.ResizeObserver as unknown) as typeof ResizeObserver;\n  }\n}\n","import throttle from 'lodash/throttle';\nimport { resizeObserver } from '../../utils/resize-observer.polifill';\ninterface Events {\n  resize(entries: ReadonlyArray<ResizeObserverEntry>, observer: ResizeObserver): void;\n}\nexport default class GridResizeService {\n  private resizeObserver: ResizeObserver | null = null;\n  private resize = throttle((e: ReadonlyArray<ResizeObserverEntry>, o: ResizeObserver) => this.events?.resize(e, o), 10);\n  constructor(el: HTMLElement, private events: Events) {\n    this.init(el);\n  }\n\n  async init(el: HTMLElement): Promise<void> {\n    await resizeObserver();\n    this.resizeObserver = new ResizeObserver(this.resize);\n    this.resizeObserver?.observe(el);\n  }\n\n  public destroy() {\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n}\n","@mixin noScroll {\n  /* Hide scrollbar for IE and Edge */\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n    -webkit-appearance: none;\n  }\n}\n\n.rowHeaders {\n  z-index: 2;\n  font-size: 10px;\n  display: flex;\n  height: 100%;\n\n  revogr-data .rgCell {\n    text-align: center;\n  }\n\n  .rgCell {\n    padding: 0 1em !important;\n    min-width: 100%;\n  }\n}\n\nrevogr-viewport-scroll {\n  @include noScroll;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\n  z-index: 1;\n  height: 100%;\n\n  &.colPinStart,\n  &.colPinEnd {\n    z-index: 2;\n  }\n\n  // make sure it would work\n  &.colPinEnd:has(.active) {\n    overflow: visible;\n  }\n\n  &.rgCol {\n    flex-grow: 1;\n  }\n\n  .content-wrapper {\n    overflow: hidden;\n  }\n\n  .inner-content-table {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n    min-width: 100%;\n    position: relative;\n    z-index: 0;\n  }\n\n  .vertical-inner {\n    overflow-y: auto;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n    outline: none; // avoid accessibility focus issue\n    @include noScroll;\n\n    revogr-data,\n    revogr-overlay-selection {\n      height: 100%;\n    }\n  }\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Element,\n  Prop,\n  Host,\n  Listen,\n} from '@stencil/core';\n\nimport GridResizeService from '../revoGrid/viewport.resize.service';\nimport LocalScrollService from '../../services/local.scroll.service';\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\nimport {\n  CONTENT_SLOT,\n  FOOTER_SLOT,\n  HEADER_SLOT,\n} from '../revoGrid/viewport.helpers';\nimport { DimensionCols, DimensionType, ElementScroll } from '@type';\nimport { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from '@type';\n\ntype Delta = 'deltaX' | 'deltaY';\ntype LocalScrollEvent = {\n  preventDefault(): void;\n} & { [x in Delta]: number };\n\n/**\n * Viewport scroll component for RevoGrid\n * @slot - content\n * @slot header - header\n * @slot footer - footer\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll implements ElementScroll {\n  /**\n   * Enable row header\n  */\n  @Prop() readonly rowHeader: boolean;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  @Prop() colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Before scroll event\n   */\n  @Event({ eventName: 'scrollviewport', bubbles: true }) scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' }) resizeViewport: EventEmitter<ViewPortResizeEvent>;\n\n  /**\n   * Triggered on scroll change, can be used to get information about scroll visibility\n   */\n  @Event() scrollchange: EventEmitter<{\n    type: DimensionType;\n    hasScroll: boolean;\n  }>;\n\n  /**\n   * Silently scroll to coordinate\n   * Made to align negative coordinates for mobile devices\n  */\n  @Event({ eventName: 'scrollviewportsilent' }) silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  private verticalScroll?: HTMLElement;\n  private header?: HTMLElement;\n  private footer?: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n\n  private resizeService?: GridResizeService;\n  private localScrollService: LocalScrollService;\n  private localScrollTimer: LocalScrollTimer;\n\n\n  @Method() async setScroll(e: ViewPortScrollEvent) {\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\n    this.localScrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(\n    e: ViewPortScrollEvent,\n    silent = false,\n  ) {\n    if (silent) {\n      if (e.coordinate && this.verticalScroll) {\n        switch (e.dimension) {\n          // for mobile devices to skip negative scroll loop. only on vertical scroll\n          case 'rgRow':\n            this.verticalScroll.style.transform = `translateY(${-1 * e.coordinate}px)`;\n            break;\n        }\n      }\n      return;\n    }\n    if (e.delta) {\n      switch (e.dimension) {\n        case 'rgCol':\n          e.coordinate = this.horizontalScroll.scrollLeft + e.delta;\n          break;\n        case 'rgRow':\n          e.coordinate = (this.verticalScroll?.scrollTop ?? 0) + e.delta;\n          break;\n      }\n      this.setScroll(e);\n    }\n    return e;\n  }\n\n  /**\n   * Dispatch this event to trigger vertical mouse wheel from plugins\n   */\n  @Listen('mousewheel-vertical') mousewheelVertical({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.verticalMouseWheel(e);\n  }\n  /**\n   * Dispatch this event to trigger horizontal mouse wheel from plugins\n   */\n  @Listen('mousewheel-horizontal') mousewheelHorizontal({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.horizontalMouseWheel(e);\n  }\n  /**\n   * Allows to use outside listener\n   */\n  @Listen('scroll-coordinate') scrollApply({\n    detail: { type, coordinate },\n  }: CustomEvent<ScrollCoordinateEvent>) {\n    this.applyOnScroll(type, coordinate, true);\n  }\n\n  connectedCallback() {\n    /**\n     * Bind scroll functions for farther usage\n     */\n    // allow mousewheel for all devices including mobile\n    this.verticalMouseWheel = this.onVerticalMouseWheel.bind(\n      this,\n      'rgRow',\n      'deltaY',\n    );\n    this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(\n      this,\n      'rgCol',\n      'deltaX',\n    );\n    this.localScrollTimer = new LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);\n    /**\n     * Create local scroll service\n     */\n    this.localScrollService = new LocalScrollService({\n      // to improve safari smoothnes on scroll\n      // skipAnimationFrame: isSafariDesktop(),\n      runScroll: e => this.scrollViewport.emit(e),\n      applyScroll: e => {\n        this.localScrollTimer.setCoordinate(e);\n        switch (e.dimension) {\n          case 'rgCol':\n            // this will trigger on scroll event\n            this.horizontalScroll.scrollLeft = e.coordinate;\n            break;\n          case 'rgRow':\n            if (this.verticalScroll) {\n              // this will trigger on scroll event\n              this.verticalScroll.scrollTop = e.coordinate;\n              // for mobile devices to skip negative scroll loop. only on vertical scroll\n              if (this.verticalScroll.style.transform) {\n                this.verticalScroll.style.transform = '';\n              }\n            }\n            break;\n        }\n      },\n    });\n  }\n\n  componentDidLoad() {\n    // track horizontal viewport resize\n    this.resizeService = new GridResizeService(this.horizontalScroll, {\n      resize: entries => {\n        let height = entries[0]?.contentRect.height || 0;\n        if (height) {\n          height -= (this.header?.clientHeight ?? 0) + (this.footer?.clientHeight ?? 0);\n        }\n        const els = {\n          rgRow: {\n            size: height,\n            contentSize: this.contentHeight,\n            scroll: this.verticalScroll?.scrollTop,\n            noScroll: false,\n          },\n          rgCol: {\n            size: entries[0]?.contentRect.width || 0,\n            contentSize: this.contentWidth,\n            scroll: this.horizontalScroll.scrollLeft,\n            noScroll: this.colType !== 'rgCol',\n          },\n        };\n        for (const [dim, item] of Object.entries(els)) {\n          const dimension = dim as DimensionType;\n          this.resizeViewport.emit({ dimension, size: item.size, rowHeader: this.rowHeader });\n          if (item.noScroll) {\n            continue;\n          }\n          this.localScrollService?.scroll(item.scroll ?? 0, dimension, true);\n          // track scroll visibility on outer element change\n          this.setScrollVisibility(dimension, item.size, item.contentSize);\n        }\n      },\n    });\n  }\n\n  /**\n   * Check if scroll present or not per type\n   * Trigger this method on inner content size change or on outer element size change\n   * If inner content bigger then outer size then scroll is present and mousewheel binding required\n   * @param type - dimension type 'rgRow/y' or 'rgCol/x'\n   * @param size - outer content size\n   * @param innerContentSize - inner content size\n   */\n  setScrollVisibility(\n    type: DimensionType,\n    size: number,\n    innerContentSize: number,\n  ) {\n    // test if scroll present\n    const hasScroll = size < innerContentSize;\n    let el: HTMLElement | undefined;\n    // event reference for binding\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el?.classList.add(`scroll-${type}`);\n    } else {\n      el?.classList.remove(`scroll-${type}`);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.resizeService?.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll?.clientHeight ?? 0,\n        virtualSize: 0,\n      },\n      'rgRow',\n    );\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentWidth,\n        clientSize: this.horizontalScroll.clientWidth,\n        virtualSize: 0,\n      },\n      'rgCol',\n    );\n    this.setScrollVisibility(\n      'rgRow',\n      this.verticalScroll?.clientHeight ?? 0,\n      this.contentHeight,\n    );\n    this.setScrollVisibility(\n      'rgCol',\n      this.horizontalScroll.clientWidth,\n      this.contentWidth,\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        onWheel={this.horizontalMouseWheel}\n        onScroll={(e: UIEvent) => this.applyScroll('rgCol', e)}\n      >\n        <div\n          class=\"inner-content-table\"\n          style={{ width: `${this.contentWidth}px` }}\n        >\n          <div class=\"header-wrapper\" ref={e => (this.header = e)}>\n            <slot name={HEADER_SLOT} />\n          </div>\n          <div\n            class=\"vertical-inner\"\n            ref={el => (this.verticalScroll = el)}\n            onWheel={this.verticalMouseWheel}\n            onScroll={(e: MouseEvent) => this.applyScroll('rgRow', e)}\n          >\n            <div\n              class=\"content-wrapper\"\n              style={{ height: `${this.contentHeight}px` }}\n            >\n              <slot name={CONTENT_SLOT} />\n            </div>\n          </div>\n          <div class=\"footer-wrapper\" ref={e => (this.footer = e)}>\n            <slot name={FOOTER_SLOT} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  /**\n   * Extra layer for scroll event monitoring, where MouseWheel event is not passing\n   * We need to trigger scroll event in case there is no mousewheel event\n   */\n  @Method() async applyScroll(type: DimensionType, e: UIEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n    let scroll = 0;\n    switch (type) {\n      case 'rgCol':\n        scroll = e.target.scrollLeft;\n        break;\n      case 'rgRow':\n        scroll = e.target.scrollTop;\n        break;\n    }\n\n    // for mobile devices to skip negative scroll loop\n    if (scroll < 0) {\n      this.silentScroll.emit({ dimension: type, coordinate: scroll });\n      return;\n    }\n    this.applyOnScroll(type, scroll);\n  }\n\n  /**\n   * Applies change on scroll event only if mousewheel event happened some time ago\n   */\n  private applyOnScroll(\n    type: DimensionType,\n    coordinate: number,\n    outside = false,\n  ) {\n    // apply after throttling\n    if (this.localScrollTimer.isReady(type, coordinate)) {\n      this.localScrollService?.scroll(\n        coordinate,\n        type,\n        undefined,\n        undefined,\n        outside,\n      );\n    }\n  }\n\n  /**\n   * On vertical mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onVerticalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    const scrollTop = this.verticalScroll?.scrollTop ?? 0;\n    const clientHeight = this.verticalScroll?.clientHeight ?? 0;\n    const scrollHeight = this.verticalScroll?.scrollHeight ?? 0;\n\n    // Detect if the user has reached the bottom\n    const atBottom = (scrollTop + clientHeight >= scrollHeight) && e.deltaY > 0;\n    const atTop = scrollTop === 0 && e.deltaY < 0;\n    if (!atBottom && !atTop) {\n      e.preventDefault?.();\n    }\n    const pos = scrollTop + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n\n  /**\n   * On horizontal mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onHorizontalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    if (!e.deltaX) {\n      return;\n    }\n    const { scrollLeft, scrollWidth, clientWidth } = this.horizontalScroll;\n\n    // Detect if the user has reached the right end\n    const atRight = (scrollLeft + clientWidth >= scrollWidth) && e.deltaX > 0;\n\n    // Detect if the user has reached the left end\n    const atLeft = scrollLeft === 0 && e.deltaX < 0;\n    if (!atRight && !atLeft) {\n      e.preventDefault?.();\n    }\n    const pos = scrollLeft + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null | undefined = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: (VNode[]) | null }>;\n  @Element() el: HTMLElement;\n\n  private vnodes: VNode[] | null = [];\n\n  componentDidRender() {\n    this.html.emit({\n      html: this.el.innerHTML,\n      vnodes: this.vnodes,\n    });\n  }\n\n  render() {\n    this.vnodes = this.redraw?.() ?? null;\n    return (\n      <Host\n        style={{ visibility: 'hidden', position: 'absolute' }}\n      >\n        {this.vnodes}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GroupHeaderRenderer","p","groupProps","canResize","minWidth","group","ids","length","MIN_COL_SIZE","maxWidth","active","class","HEADER_CLASS","style","transform","start","width","end","onResize","h","HeaderCellRenderer","data","Object","assign","prop","providers","index","props","additionalData","ColumnGroupsRenderer","depth","groups","visibleProps","dimensionCol","groupRow","i","indexFirstVisibleCol","findIndex","id","colVisibleIndex","groupStartIndex","groupEndIndex","groupStart","getItemByIndex","groupEnd","push","e","_a","changedX","HEADER_ROW_CLASS","PADDING_DEPTH","RowRenderer","rowClass","size","cells","DATA_ROW","height","paddingLeft","undefined","expandEvent","model","virtualIndex","event","CustomEvent","GROUP_EXPAND_EVENT","detail","cancelable","bubbles","target","dispatchEvent","GroupingRowRenderer","itemIndex","hasExpand","groupingCustomRenderer","name","PSEUDO_GROUP_ITEM","expanded","GROUP_EXPANDED","parseInt","GROUP_DEPTH","onClick","GROUP_EXPAND_BTN","focusable","viewBox","fill","d","RowHighlightPlugin","constructor","this","currentRange","selectionChange","renderedRows","forEach","row","y","y1","$elm$","HTMLElement","classList","contains","ROW_FOCUSED_CLASS","remove","$attrs$","includes","replace","get","attrs","add","isRowFocused","convertVNodeToHTML","parentHolder","redraw","Promise","resolve","vnode","document","createElement","appendChild","addEventListener","renderCell","v","els","template","schemaModel","column","cellTemplate","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","DRAG_ICON_CLASS","getCellDataParsed","CellRenderer","renderProps","cellProps","render","bind","revogrDataStyleCss","RevogrDataStyle0","RevogrData","Map","updateCell","cell","_b","$children$","col","_c","children","element","innerHTML","html","$key$","Math","random","onDataStoreChange","onStoreChange","onColDataChange","columnService","destroy","ColumnService","dataStore","colData","type","readonly","viewport","viewportCol","dimension","dimensionRow","selection","rowSelectionStore","rangeUnsubscribe","call","onChange","rowHighlightPlugin","connectedCallback","disconnectedCallback","componentWillRender","beforeDataRender","rowType","colType","all","jobsBeforeRender","map","componentDidRender","afterrender","columnsData","columns","rows","viewportRow","cols","rowsEls","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","isGrouping","rgCol","smodel","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","mergeProperties","cellNode","getRowClass","beforerowrender","node","item","set","Host","beforeCellRender","defineProperty","func","getNative","defineProperty$1","baseAssignValue","object","key","value","configurable","enumerable","writable","arrayAggregator","array","setter","iteratee","accumulator","baseAggregator","collection","baseEach","createAggregator","initializer","isArray","baseIteratee","keyBy","result","keyBy$1","HeaderRenderer","cellClass","HEADER_SORTABLE_CLASS","sortable","order","dataProps","minSize","_d","maxSize","onDblClick","range","x","x1","FOCUS_CLASS","SortingSign","canFilter","_e","filter","FilterButton","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","beforeResize","headerresize","onResizeGroup","startIndex","endIndex","sizes","change","afterHeaderRender","selectionStore","columnFilter","resizeHandler","headerdblClick","initialHeaderClick","beforeHeaderRender","state","groupingDepth","HEADER_ACTUAL_ROW_CLASS","async","resizeObserver","window","module","import","ResizeObserver","GridResizeService","el","events","resize","throttle","o","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","oldValY","contentHeight","oldValX","contentWidth","setScroll","localScrollTimer","latestScrollUpdate","localScrollService","changeScroll","silent","coordinate","verticalScroll","delta","horizontalScroll","scrollLeft","scrollTop","mousewheelVertical","verticalMouseWheel","mousewheelHorizontal","horizontalMouseWheel","scrollApply","applyOnScroll","onVerticalMouseWheel","onHorizontalMouseWheel","LocalScrollTimer","documentElement","LocalScrollService","runScroll","scrollViewport","applyScroll","setCoordinate","componentDidLoad","resizeService","entries","contentRect","header","clientHeight","footer","contentSize","scroll","_f","noScroll","_g","dim","resizeViewport","rowHeader","_h","_j","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","silentScroll","outside","isReady","scrollHeight","atBottom","deltaY","atTop","preventDefault","pos","deltaX","scrollWidth","atRight","atLeft","VNodeToHtml","vnodes","visibility","position"],"sources":["src/plugins/groupingColumn/headerGroupRenderer.tsx","src/plugins/groupingColumn/columnGroupsRenderer.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/cell-renderer.tsx","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx","node_modules/lodash/_defineProperty.js","node_modules/lodash/_baseAssignValue.js","node_modules/lodash/_arrayAggregator.js","node_modules/lodash/_baseAggregator.js","node_modules/lodash/_createAggregator.js","node_modules/lodash/keyBy.js","src/components/header/header-renderer.tsx","src/components/header/revogr-header-style.scss?tag=revogr-header","src/components/header/revogr-header.tsx","src/utils/resize-observer.polifill.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx","src/components/vnode/vnode-converter.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { Group } from '@store';\nimport { CellProps, Providers } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../components/header/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\nimport { DimensionCols } from '../../components';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../components/header/resizable.directive';\n\ntype Props<T> = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: Providers<T>;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX ?? 0, groupStartIndex, groupEndIndex)}\n              additionalData={additionalData}\n            />,\n          );\n        }\n      }\n    }\n    groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n  }\n  return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n","import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem } from '@type';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  groupingCustomRenderer?: GroupLabelTemplateFunc | null;\n}\ntype Props = GroupRowPros & PositionItem;\n\nfunction expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  });\n  e.target?.dispatchEvent(event);\n}\n\nconst GroupingRowRenderer = (props: Props) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\n  const name: string = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, { name, itemIndex, expanded, depth })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button class={{ [GROUP_EXPAND_BTN]: true }} onClick={e => expandEvent(e, model, itemIndex)}>\n        <svg aria-hidden=\"true\" style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }} focusable=\"false\" viewBox=\"0 0 448 512\">\n          <path\n            fill=\"currentColor\"\n            d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n          ></path>\n        </svg>\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\nexport default GroupingRowRenderer;\n","import { VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '@type';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { VNode } from '@stencil/core';\nimport { JSX } from '../../components';\n\n/**\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\n */\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']): Promise<{ html: string; vnodes: (VNode[]) | null }> {\n  return new Promise<{ html: string; vnodes: (VNode[]) | null }>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  DragStartEvent,\n  CellTemplateProp,\n} from '@type';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n  getCellDataParsed,\n} from '../../utils';\n\nimport { isRowDragService } from './column.service';\n\ninterface RenderProps {\n  schemaModel: CellTemplateProp;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  const template = v.schemaModel.column?.cellTemplate;\n  if (template) {\n    els.push(template(h, v.schemaModel, v.additionalData));\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.schemaModel.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.schemaModel);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.schemaModel.column.rowDrag &&\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell?.emit({\n              originalEvent,\n              model: v.schemaModel,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n    \n    els.push(`${\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\n    }`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","revogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n\n    &.groupingRow {\n      font-weight: 600;\n      text-align: left;\n\n      .group-expand {\n        width: 25px;\n        height: 100%;\n        max-height: 25px;\n        margin-right: 2px;\n        background-color: transparent;\n        border-color: transparent;\n\n        svg {\n          width: 7px;\n        }\n      }\n    }\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n\n    &:hover {\n      > .revo-drag-icon {\n        opacity: 1;\n        zoom: 1.2;\n        font-weight: 600;\n      }\n    }\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    }\n  }\n\n  .rgCell {\n    top: 0;\n    left: 0;\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    outline: none;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  VNode,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport { DATA_COL, DATA_ROW, ROW_FOCUSED_CLASS } from '../../utils/consts';\n\nimport { DSourceState, getSourceItem } from '@store';\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport { AllDimensionType, CellTemplateProp, DimensionCols, DimensionRows } from '@type';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  VirtualPositionItem,\n  RangeArea,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n/**\n * This component is responsible for rendering data\n * Rows, columns, groups and cells\n */\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  // #region Properties\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * Range allowed\n   */\n  @Prop() range: boolean;\n\n  /**\n   * Defines property from which to read row class\n   */\n  @Prop() rowClass: string;\n  /**\n   * Additional data to pass to renderer\n   * Used in plugins such as vue or react to pass root app entity to cells\n   */\n  @Prop() additionalData: any;\n  /** Stores */\n  /** Selection, range, focus for row selection */\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\n  /** Viewport Y */\n  @Prop() viewportRow!: Observable<ViewportState>;\n  /** Viewport X */\n  @Prop() viewportCol!: Observable<ViewportState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  /**\n   * Column source\n   */\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Row data type\n   */\n  @Prop({ reflect: true }) type!: DimensionRows;\n\n  /**\n   * Column data type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Prevent rendering until job is done.\n   * Can be used for initial rendering performance improvement.\n   * When several plugins require initial rendering this will prevent double initial rendering.\n   */\n  @Prop() jobsBeforeRender: (Promise<any> | (() => Promise<any>))[] = [];\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\n  \n  /**\n   * When data render finished for the designated type\n   */\n  @Event() afterrender: EventEmitter<{ type: DimensionRows }>;\n  /**\n   * Before each cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforecellrender' })\n  beforeCellRender: EventEmitter<BeforeCellRenderEvent<CellTemplateProp>>;\n\n  /**\n   * Before data render\n   */\n  @Event({ eventName: 'beforedatarender' })\n  beforeDataRender: EventEmitter<AllDimensionType>;\n  /**\n   * Event emitted on cell drag start\n   */\n  @Event({ eventName: 'dragstartcell' })\n  dragStartCell: EventEmitter<DragStartEvent>;\n\n  /**\n   * Pointed cell update.\n   */\n  @Method() async updateCell(e: {\n    row: number; // virtual\n    col: number; // virtual\n  }) {\n    // Stencil tweak to update cell content\n    const cell = this.renderedRows.get(e.row)?.$children$?.[e.col];\n    if (cell?.$attrs$?.redraw) {\n      const children = await convertVNodeToHTML(\n        this.element,\n        cell.$attrs$.redraw,\n      );\n      cell.$elm$.innerHTML = children.html;\n      cell.$key$ = Math.random();\n    }\n  }\n\n  @Element() element!: Element;\n  @State() providers: Providers;\n  private columnService: ColumnService;\n  private rowHighlightPlugin: RowHighlightPlugin;\n  /**\n   * Rendered rows - virtual index vs vnode\n   */\n  private renderedRows = new Map<number, VNode>();\n  private rangeUnsubscribe: (() => void) | undefined;\n\n  @Watch('dataStore') onDataStoreChange() {\n    this.onStoreChange();\n  }\n  @Watch('colData') onColDataChange() {\n    this.onStoreChange();\n  }\n  onStoreChange() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n    // make sure we have correct data, before render\n    this.providers = {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.dataStore,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: this.rowSelectionStore,\n    };\n\n    this.rangeUnsubscribe?.();\n    this.rangeUnsubscribe = this.rowSelectionStore.onChange(\n      'range',\n      (e: RangeArea) =>\n        this.rowHighlightPlugin.selectionChange(e, this.renderedRows),\n    );\n  }\n\n  connectedCallback() {\n    this.rowHighlightPlugin = new RowHighlightPlugin();\n    this.onStoreChange();\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n    this.rangeUnsubscribe?.();\n  }\n\n  async componentWillRender() {\n    this.beforeDataRender.emit({\n      rowType: this.type,\n      colType: this.colType as DimensionCols,\n    });\n    return Promise.all(this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p));\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    const columnsData = this.columnService.columns;\n    if (!columnsData.length) {\n      return;\n    }\n    const rows = this.viewportRow.get('items');\n    if (!rows.length) {\n      return;\n    }\n    const cols = this.viewportCol.get('items');\n    if (!cols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\n    for (let rgRow of rows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      if (isGrouping(dataItem)) {\n        rowsEls.push(\n          <GroupingRowRenderer\n            {...rgRow}\n            index={rgRow.itemIndex}\n            model={dataItem}\n            groupingCustomRenderer={groupingCustomRenderer}\n            hasExpand={this.columnService.hasGrouping}\n          />,\n        );\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      for (let rgCol of cols) {\n        const smodel: CellTemplateProp = {\n          ...this.columnService.rowDataModel(\n            rgRow.itemIndex,\n            rgCol.itemIndex,\n          ),\n          providers: this.providers,\n        };\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(smodel, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps, model: schemaModel },\n        } = cellEvent;\n\n        const defaultProps: CellProps = {\n          [DATA_COL]: columnProps.itemIndex,\n          [DATA_ROW]: rowProps.itemIndex,\n          style: {\n            width: `${columnProps.size}px`,\n            transform: `translateX(${columnProps.start}px)`,\n            height: rowProps.size ? `${rowProps.size}px` : undefined,\n          },\n        };\n        /**\n         * For grouping, can be removed in the future and replaced with event\n         */\n        if (groupDepth && !columnProps.itemIndex && defaultProps.style) {\n          defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;\n        }\n\n        const props = this.columnService.mergeProperties(\n          rowProps.itemIndex,\n          columnProps.itemIndex,\n          defaultProps,\n          schemaModel,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        const cellNode = <CellRenderer\n          renderProps={{\n            schemaModel,\n            additionalData: this.additionalData,\n            dragStartCell: this.dragStartCell,\n          }}\n          cellProps={props}\n        />;\n        cells.push(cellNode);\n      }\n      // #endregion\n\n      // #region Rows\n      let rowClass = this.rowClass\n        ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)\n        : '';\n      if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {\n        rowClass += ` ${ROW_FOCUSED_CLASS}`;\n      }\n      const row: VNode = (\n        <RowRenderer\n          index={rgRow.itemIndex}\n          rowClass={rowClass}\n          size={rgRow.size}\n          start={rgRow.start}\n        >\n          {cells}\n        </RowRenderer>\n      );\n      this.beforerowrender.emit({\n        node: row,\n        item: rgRow,\n        model: dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    return (\n      <Host>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n  }\n\n  triggerBeforeCellRender(\n    model: CellTemplateProp,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    const detail: BeforeCellRenderEvent<CellTemplateProp> = {\n      column,\n      row,\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    };\n    return this.beforeCellRender.emit(detail);\n  }\n}\n","import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n","import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n","/**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction arrayAggregator(array, setter, iteratee, accumulator) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    var value = array[index];\n    setter(accumulator, value, iteratee(value), array);\n  }\n  return accumulator;\n}\n\nexport default arrayAggregator;\n","import baseEach from './_baseEach.js';\n\n/**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction baseAggregator(collection, setter, iteratee, accumulator) {\n  baseEach(collection, function(value, key, collection) {\n    setter(accumulator, value, iteratee(value), collection);\n  });\n  return accumulator;\n}\n\nexport default baseAggregator;\n","import arrayAggregator from './_arrayAggregator.js';\nimport baseAggregator from './_baseAggregator.js';\nimport baseIteratee from './_baseIteratee.js';\nimport isArray from './isArray.js';\n\n/**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\nfunction createAggregator(setter, initializer) {\n  return function(collection, iteratee) {\n    var func = isArray(collection) ? arrayAggregator : baseAggregator,\n        accumulator = initializer ? initializer() : {};\n\n    return func(collection, setter, baseIteratee(iteratee, 2), accumulator);\n  };\n}\n\nexport default createAggregator;\n","import baseAssignValue from './_baseAssignValue.js';\nimport createAggregator from './_createAggregator.js';\n\n/**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The corresponding value of\n * each key is the last element responsible for generating the key. The\n * iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * var array = [\n *   { 'dir': 'left', 'code': 97 },\n *   { 'dir': 'right', 'code': 100 }\n * ];\n *\n * _.keyBy(array, function(o) {\n *   return String.fromCharCode(o.code);\n * });\n * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }\n *\n * _.keyBy(array, 'dir');\n * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }\n */\nvar keyBy = createAggregator(function(result, value, key) {\n  baseAssignValue(result, key, value);\n});\n\nexport default keyBy;\n","import { h, VNode } from '@stencil/core';\nimport type {\n  VirtualPositionItem,\n  ColumnTemplateProp,\n  InitialHeaderClick,\n  RangeArea\n} from '@type';\n\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from './resizable.directive';\nimport {\n  DATA_COL,\n  FOCUS_CLASS,\n  HEADER_CLASS,\n  HEADER_SORTABLE_CLASS,\n  MIN_COL_SIZE,\n} from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { ResizableElementHTMLAttributes } from './resizable.element';\n\nexport type HeaderRenderProps = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data: ColumnTemplateProp;\n  range?: RangeArea | null;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDblClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: HeaderRenderProps): 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: ResizableElementHTMLAttributes = {\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: p.active || ['r'],\n    class: cellClass,\n    style: {\n      width: `${p.column.size}px`,\n      transform: `translateX(${p.column.start}px)`,\n    },\n    onResize: p.onResize,\n    onDblClick(originalEvent: MouseEvent) {\n      p.onDblClick?.({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({\n        column: p.data,\n        index: p.column.itemIndex,\n        originalEvent,\n        providers: p.data.providers,\n      });\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  return (\n    <HeaderCellRenderer\n      data={p.data}\n      props={dataProps}\n      additionalData={p.additionalData}\n    >\n      {<SortingSign column={p.data} />}\n      {p.canFilter && p.data?.filter !== false ? (\n        <FilterButton column={p.data} />\n      ) : (\n        ''\n      )}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n","revogr-header {\n  position: relative;\n  z-index: 5;\n  display: block;\n  \n\n  .rgHeaderCell {\n    display: flex;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n    &.sortable {\n      cursor: pointer;\n    }\n\n    i {\n      &.asc,\n      &.desc {\n        &:after {\n          font-size: 13px;\n        }\n      }\n      &.asc {\n        &:after {\n          content: '↑';\n        }\n      }\n      &.desc {\n        &:after {\n          content: '↓';\n        }\n      }\n    }\n  }\n\n  .rgHeaderCell,\n  .grouped-cell {\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .header-rgRow {\n    display: block;\n    position: relative;\n\n    &.group {\n      z-index: 0;\n    }\n  }\n\n  .group-rgRow {\n    position: relative;\n  }\n\n  .rgHeaderCell {\n    &.active {\n      z-index: 10;\n\n      .resizable {\n        background-color: deepskyblue;\n      }\n    }\n    .header-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex-grow: 1;\n    }\n    .resizable {\n      display: block;\n      position: absolute;\n      z-index: 90;\n      touch-action: none;\n      user-select: none;\n      &:hover {\n        background-color: deepskyblue;\n      }\n    }\n    $size: 6px;\n    > .resizable-r {\n      cursor: ew-resize;\n      width: $size;\n      right: 0;\n      top: 0;\n      height: 100%;\n    }\n    > .resizable-rb {\n      cursor: se-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      bottom: 0;\n    }\n\n    > .resizable-b {\n      cursor: s-resize;\n      height: $size;\n      bottom: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-lb {\n      cursor: sw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      bottom: 0;\n    }\n\n    > .resizable-l {\n      cursor: w-resize;\n      width: $size;\n      left: 0;\n      height: 100%;\n      top: 0;\n    }\n\n    > .resizable-lt {\n      cursor: nw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      top: 0;\n    }\n\n    > .resizable-t {\n      cursor: n-resize;\n      height: $size;\n      top: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-rt {\n      cursor: ne-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      top: 0;\n    }\n  }\n  .rv-filter {\n    visibility: hidden;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n} from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Groups } from '@store';\nimport HeaderRenderer, { HeaderRenderProps } from './header-renderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\nimport { ResizeProps } from './resizable.directive';\nimport {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  Providers,\n  ViewportState,\n  ViewSettingSizeProp,\n  DimensionCols,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n@Component({\n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  // #region Properties\n  /**\n   * Stores\n   */\n  /** Viewport X */\n  @Prop() viewportCol: Observable<ViewportState>;\n  /** Dimension settings X */\n  @Prop() dimensionCol: Observable<DimensionSettingsState>;\n  /** Selection, range, focus */\n  @Prop() selectionStore: Observable<SelectionStoreState>;\n\n  /**\n   * Column groups\n   */\n  @Prop() groups: Groups;\n  /**\n   * Grouping depth, how many levels of grouping\n   */\n  @Prop() groupingDepth = 0;\n\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * If columns can be resized\n   */\n  @Prop() canResize: boolean;\n  /**\n   * Defines resize position\n   */\n  @Prop() resizeHandler: ResizeProps['active'];\n\n  /**\n   * Columns - defines an array of grid columns.\n   */\n  @Prop() colData: ColumnRegular[];\n\n  /**\n   * Column filter\n   */\n  @Prop() columnFilter: boolean;\n\n  /**\n   * Column type\n   */\n  @Prop() type!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Extra properties to pass into header renderer, such as vue or react components to handle parent\n   */\n  @Prop() additionalData: any = {};\n  // #endregion\n\n  // #region Events\n\n  /**\n   * On initial header click\n   */\n  @Event({\n    eventName: 'beforeheaderclick',\n  })\n  initialHeaderClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * On header resize\n   */\n  @Event({\n    eventName: 'headerresize',\n  })\n  headerresize: EventEmitter<ViewSettingSizeProp>;\n\n  /**\n   * On before header resize\n   */\n  @Event({ eventName: 'beforeheaderresize', cancelable: true })\n  beforeResize: EventEmitter<ColumnRegular[]>;\n\n  /**\n   * On header double click\n   */\n  @Event({\n    eventName: 'headerdblclick',\n  })\n  headerdblClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * Before each header cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforeheaderrender' })\n  beforeHeaderRender: EventEmitter<HeaderRenderProps>;\n\n  /**\n   * After all header cells rendered. Finalizes cell rendering.\n   */\n  @Event({ eventName: 'afterheaderrender' })\n  afterHeaderRender: EventEmitter<Providers<DimensionCols | 'rowHeaders'>>;\n\n  // #endregion\n\n  @Element() element!: HTMLStencilElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  componentDidRender() {\n    this.afterHeaderRender.emit(this.providers);\n  }\n\n  render() {\n    const cols = this.viewportCol.get('items');\n    const range = this.selectionStore?.get('range');\n    const cells: VNode[] = [];\n    const visibleProps: { [prop: string]: number } = {};\n\n    // render header columns\n    for (let rgCol of cols) {\n      const colData = this.colData[rgCol.itemIndex];\n      const props: HeaderRenderProps = {\n        range: range,\n        column: rgCol,\n        data: {\n          ...colData,\n          index: rgCol.itemIndex,\n          providers: this.providers,\n        },\n        canFilter: !!this.columnFilter,\n        canResize: this.canResize,\n        active: this.resizeHandler,\n        onResize: e => this.onResize(e, rgCol.itemIndex),\n        onDblClick: e => this.headerdblClick.emit(e),\n        onClick: e => this.initialHeaderClick.emit(e),\n        additionalData: this.additionalData,\n      };\n      const event = this.beforeHeaderRender.emit(props);\n      if (event.defaultPrevented) {\n        continue;\n      }\n      cells.push(<HeaderRenderer {...event.detail} />);\n      visibleProps[colData?.prop] = rgCol.itemIndex;\n    }\n\n    return [\n      <div class=\"group-rgRow\">\n        <ColumnGroupsRenderer\n          canResize={this.canResize}\n          active={this.resizeHandler}\n          visibleProps={visibleProps}\n          providers={this.providers}\n          groups={this.groups}\n          dimensionCol={this.dimensionCol.state}\n          depth={this.groupingDepth}\n          onResize={(changedX, startIndex, endIndex) =>\n            this.onResizeGroup(changedX, startIndex, endIndex)\n          }\n          additionalData={this.additionalData}\n        />\n      </div>,\n      <div class={`${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`}>\n        {cells}\n      </div>,\n    ];\n  }\n\n  get providers(): Providers<DimensionCols | 'rowHeaders'> {\n    return {\n      type: this.type,\n      readonly: this.readonly,\n      data: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionCol,\n      selection: this.selectionStore,\n    };\n  }\n}\n","export async function resizeObserver() {\n  if (!('ResizeObserver' in window)) {\n    const module = await import('@juggle/resize-observer');\n    (window as Window & typeof globalThis).ResizeObserver = (module.ResizeObserver as unknown) as typeof ResizeObserver;\n  }\n}\n","import throttle from 'lodash/throttle';\nimport { resizeObserver } from '../../utils/resize-observer.polifill';\ninterface Events {\n  resize(entries: ReadonlyArray<ResizeObserverEntry>, observer: ResizeObserver): void;\n}\nexport default class GridResizeService {\n  private resizeObserver: ResizeObserver | null = null;\n  private resize = throttle((e: ReadonlyArray<ResizeObserverEntry>, o: ResizeObserver) => this.events?.resize(e, o), 10);\n  constructor(el: HTMLElement, private events: Events) {\n    this.init(el);\n  }\n\n  async init(el: HTMLElement): Promise<void> {\n    await resizeObserver();\n    this.resizeObserver = new ResizeObserver(this.resize);\n    this.resizeObserver?.observe(el);\n  }\n\n  public destroy() {\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n}\n","@mixin noScroll {\n  /* Hide scrollbar for IE and Edge */\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n    -webkit-appearance: none;\n  }\n}\n\n.rowHeaders {\n  z-index: 2;\n  font-size: 10px;\n  display: flex;\n  height: 100%;\n\n  revogr-data .rgCell {\n    text-align: center;\n  }\n\n  .rgCell {\n    padding: 0 1em !important;\n    min-width: 100%;\n  }\n}\n\nrevogr-viewport-scroll {\n  @include noScroll;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\n  z-index: 1;\n  height: 100%;\n\n  &.colPinStart,\n  &.colPinEnd {\n    z-index: 2;\n  }\n\n  // make sure it would work\n  &.colPinEnd:has(.active) {\n    overflow: visible;\n  }\n\n  &.rgCol {\n    flex-grow: 1;\n  }\n\n  .content-wrapper {\n    overflow: hidden;\n  }\n\n  .inner-content-table {\n    display: flex;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n    min-width: 100%;\n    position: relative;\n    z-index: 0;\n  }\n\n  .vertical-inner {\n    overflow-y: auto;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n    outline: none; // avoid accessibility focus issue\n    @include noScroll;\n\n    revogr-data,\n    revogr-overlay-selection {\n      height: 100%;\n    }\n  }\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Element,\n  Prop,\n  Host,\n  Listen,\n} from '@stencil/core';\n\nimport GridResizeService from '../revoGrid/viewport.resize.service';\nimport LocalScrollService from '../../services/local.scroll.service';\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\nimport {\n  CONTENT_SLOT,\n  FOOTER_SLOT,\n  HEADER_SLOT,\n} from '../revoGrid/viewport.helpers';\nimport { DimensionCols, DimensionType, ElementScroll } from '@type';\nimport { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from '@type';\n\ntype Delta = 'deltaX' | 'deltaY';\ntype LocalScrollEvent = {\n  preventDefault(): void;\n} & { [x in Delta]: number };\n\n/**\n * Viewport scroll component for RevoGrid\n * @slot - content\n * @slot header - header\n * @slot footer - footer\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll implements ElementScroll {\n  /**\n   * Enable row header\n  */\n  @Prop() readonly rowHeader: boolean;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  @Prop() colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Before scroll event\n   */\n  @Event({ eventName: 'scrollviewport', bubbles: true }) scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' }) resizeViewport: EventEmitter<ViewPortResizeEvent>;\n\n  /**\n   * Triggered on scroll change, can be used to get information about scroll visibility\n   */\n  @Event() scrollchange: EventEmitter<{\n    type: DimensionType;\n    hasScroll: boolean;\n  }>;\n\n  /**\n   * Silently scroll to coordinate\n   * Made to align negative coordinates for mobile devices\n  */\n  @Event({ eventName: 'scrollviewportsilent' }) silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  private verticalScroll?: HTMLElement;\n  private header?: HTMLElement;\n  private footer?: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n\n  private resizeService?: GridResizeService;\n  private localScrollService: LocalScrollService;\n  private localScrollTimer: LocalScrollTimer;\n\n\n  @Method() async setScroll(e: ViewPortScrollEvent) {\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\n    this.localScrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(\n    e: ViewPortScrollEvent,\n    silent = false,\n  ) {\n    if (silent) {\n      if (e.coordinate && this.verticalScroll) {\n        switch (e.dimension) {\n          // for mobile devices to skip negative scroll loop. only on vertical scroll\n          case 'rgRow':\n            this.verticalScroll.style.transform = `translateY(${-1 * e.coordinate}px)`;\n            break;\n        }\n      }\n      return;\n    }\n    if (e.delta) {\n      switch (e.dimension) {\n        case 'rgCol':\n          e.coordinate = this.horizontalScroll.scrollLeft + e.delta;\n          break;\n        case 'rgRow':\n          e.coordinate = (this.verticalScroll?.scrollTop ?? 0) + e.delta;\n          break;\n      }\n      this.setScroll(e);\n    }\n    return e;\n  }\n\n  /**\n   * Dispatch this event to trigger vertical mouse wheel from plugins\n   */\n  @Listen('mousewheel-vertical') mousewheelVertical({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.verticalMouseWheel(e);\n  }\n  /**\n   * Dispatch this event to trigger horizontal mouse wheel from plugins\n   */\n  @Listen('mousewheel-horizontal') mousewheelHorizontal({\n    detail: e,\n  }: CustomEvent<LocalScrollEvent>) {\n    this.horizontalMouseWheel(e);\n  }\n  /**\n   * Allows to use outside listener\n   */\n  @Listen('scroll-coordinate') scrollApply({\n    detail: { type, coordinate },\n  }: CustomEvent<ScrollCoordinateEvent>) {\n    this.applyOnScroll(type, coordinate, true);\n  }\n\n  connectedCallback() {\n    /**\n     * Bind scroll functions for farther usage\n     */\n    // allow mousewheel for all devices including mobile\n    this.verticalMouseWheel = this.onVerticalMouseWheel.bind(\n      this,\n      'rgRow',\n      'deltaY',\n    );\n    this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(\n      this,\n      'rgCol',\n      'deltaX',\n    );\n    this.localScrollTimer = new LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);\n    /**\n     * Create local scroll service\n     */\n    this.localScrollService = new LocalScrollService({\n      // to improve safari smoothnes on scroll\n      // skipAnimationFrame: isSafariDesktop(),\n      runScroll: e => this.scrollViewport.emit(e),\n      applyScroll: e => {\n        this.localScrollTimer.setCoordinate(e);\n        switch (e.dimension) {\n          case 'rgCol':\n            // this will trigger on scroll event\n            this.horizontalScroll.scrollLeft = e.coordinate;\n            break;\n          case 'rgRow':\n            if (this.verticalScroll) {\n              // this will trigger on scroll event\n              this.verticalScroll.scrollTop = e.coordinate;\n              // for mobile devices to skip negative scroll loop. only on vertical scroll\n              if (this.verticalScroll.style.transform) {\n                this.verticalScroll.style.transform = '';\n              }\n            }\n            break;\n        }\n      },\n    });\n  }\n\n  componentDidLoad() {\n    // track horizontal viewport resize\n    this.resizeService = new GridResizeService(this.horizontalScroll, {\n      resize: entries => {\n        let height = entries[0]?.contentRect.height || 0;\n        if (height) {\n          height -= (this.header?.clientHeight ?? 0) + (this.footer?.clientHeight ?? 0);\n        }\n        const els = {\n          rgRow: {\n            size: height,\n            contentSize: this.contentHeight,\n            scroll: this.verticalScroll?.scrollTop,\n            noScroll: false,\n          },\n          rgCol: {\n            size: entries[0]?.contentRect.width || 0,\n            contentSize: this.contentWidth,\n            scroll: this.horizontalScroll.scrollLeft,\n            noScroll: this.colType !== 'rgCol',\n          },\n        };\n        for (const [dim, item] of Object.entries(els)) {\n          const dimension = dim as DimensionType;\n          this.resizeViewport.emit({ dimension, size: item.size, rowHeader: this.rowHeader });\n          if (item.noScroll) {\n            continue;\n          }\n          this.localScrollService?.scroll(item.scroll ?? 0, dimension, true);\n          // track scroll visibility on outer element change\n          this.setScrollVisibility(dimension, item.size, item.contentSize);\n        }\n      },\n    });\n  }\n\n  /**\n   * Check if scroll present or not per type\n   * Trigger this method on inner content size change or on outer element size change\n   * If inner content bigger then outer size then scroll is present and mousewheel binding required\n   * @param type - dimension type 'rgRow/y' or 'rgCol/x'\n   * @param size - outer content size\n   * @param innerContentSize - inner content size\n   */\n  setScrollVisibility(\n    type: DimensionType,\n    size: number,\n    innerContentSize: number,\n  ) {\n    // test if scroll present\n    const hasScroll = size < innerContentSize;\n    let el: HTMLElement | undefined;\n    // event reference for binding\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el?.classList.add(`scroll-${type}`);\n    } else {\n      el?.classList.remove(`scroll-${type}`);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.resizeService?.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll?.clientHeight ?? 0,\n        virtualSize: 0,\n      },\n      'rgRow',\n    );\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentWidth,\n        clientSize: this.horizontalScroll.clientWidth,\n        virtualSize: 0,\n      },\n      'rgCol',\n    );\n    this.setScrollVisibility(\n      'rgRow',\n      this.verticalScroll?.clientHeight ?? 0,\n      this.contentHeight,\n    );\n    this.setScrollVisibility(\n      'rgCol',\n      this.horizontalScroll.clientWidth,\n      this.contentWidth,\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        onWheel={this.horizontalMouseWheel}\n        onScroll={(e: UIEvent) => this.applyScroll('rgCol', e)}\n      >\n        <div\n          class=\"inner-content-table\"\n          style={{ width: `${this.contentWidth}px` }}\n        >\n          <div class=\"header-wrapper\" ref={e => (this.header = e)}>\n            <slot name={HEADER_SLOT} />\n          </div>\n          <div\n            class=\"vertical-inner\"\n            ref={el => (this.verticalScroll = el)}\n            onWheel={this.verticalMouseWheel}\n            onScroll={(e: MouseEvent) => this.applyScroll('rgRow', e)}\n          >\n            <div\n              class=\"content-wrapper\"\n              style={{ height: `${this.contentHeight}px` }}\n            >\n              <slot name={CONTENT_SLOT} />\n            </div>\n          </div>\n          <div class=\"footer-wrapper\" ref={e => (this.footer = e)}>\n            <slot name={FOOTER_SLOT} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  /**\n   * Extra layer for scroll event monitoring, where MouseWheel event is not passing\n   * We need to trigger scroll event in case there is no mousewheel event\n   */\n  @Method() async applyScroll(type: DimensionType, e: UIEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n    let scroll = 0;\n    switch (type) {\n      case 'rgCol':\n        scroll = e.target.scrollLeft;\n        break;\n      case 'rgRow':\n        scroll = e.target.scrollTop;\n        break;\n    }\n\n    // for mobile devices to skip negative scroll loop\n    if (scroll < 0) {\n      this.silentScroll.emit({ dimension: type, coordinate: scroll });\n      return;\n    }\n    this.applyOnScroll(type, scroll);\n  }\n\n  /**\n   * Applies change on scroll event only if mousewheel event happened some time ago\n   */\n  private applyOnScroll(\n    type: DimensionType,\n    coordinate: number,\n    outside = false,\n  ) {\n    // apply after throttling\n    if (this.localScrollTimer.isReady(type, coordinate)) {\n      this.localScrollService?.scroll(\n        coordinate,\n        type,\n        undefined,\n        undefined,\n        outside,\n      );\n    }\n  }\n\n  /**\n   * On vertical mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onVerticalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    const scrollTop = this.verticalScroll?.scrollTop ?? 0;\n    const clientHeight = this.verticalScroll?.clientHeight ?? 0;\n    const scrollHeight = this.verticalScroll?.scrollHeight ?? 0;\n\n    // Detect if the user has reached the bottom\n    const atBottom = (scrollTop + clientHeight >= scrollHeight) && e.deltaY > 0;\n    const atTop = scrollTop === 0 && e.deltaY < 0;\n    if (!atBottom && !atTop) {\n      e.preventDefault?.();\n    }\n    const pos = scrollTop + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n\n  /**\n   * On horizontal mousewheel event\n   * @param type\n   * @param delta\n   * @param e\n   */\n  private onHorizontalMouseWheel(\n    type: DimensionType,\n    delta: Delta,\n    e: LocalScrollEvent,\n  ) {\n    if (!e.deltaX) {\n      return;\n    }\n    const { scrollLeft, scrollWidth, clientWidth } = this.horizontalScroll;\n\n    // Detect if the user has reached the right end\n    const atRight = (scrollLeft + clientWidth >= scrollWidth) && e.deltaX > 0;\n\n    // Detect if the user has reached the left end\n    const atLeft = scrollLeft === 0 && e.deltaX < 0;\n    if (!atRight && !atLeft) {\n      e.preventDefault?.();\n    }\n    const pos = scrollLeft + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null | undefined = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: (VNode[]) | null }>;\n  @Element() el: HTMLElement;\n\n  private vnodes: VNode[] | null = [];\n\n  componentDidRender() {\n    this.html.emit({\n      html: this.el.innerHTML,\n      vnodes: this.vnodes,\n    });\n  }\n\n  render() {\n    this.vnodes = this.redraw?.() ?? null;\n    return (\n      <Host\n        style={{ visibility: 'hidden', position: 'absolute' }}\n      >\n        {this.vnodes}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/components/data/cell-renderer.d.ts

@@ -1,9 +1,7 @@
 import { VNode, EventEmitter } from '../../stencil-public-runtime';
-import { Providers, DragStartEvent, ColumnDataSchemaModel, CellTemplate } from "../../types/index";
+import { DragStartEvent, CellTemplateProp } from "../../types/index";
 interface RenderProps {
-    model: ColumnDataSchemaModel;
-    providers: Providers;
-    template?: CellTemplate;
+    schemaModel: CellTemplateProp;
     additionalData?: any;
     dragStartCell?: EventEmitter<DragStartEvent>;
 }

package/dist/types/components/data/column.service.d.ts

@@ -1,6 +1,6 @@
 import { DSourceState } from "../../store/index";
 import { Observable } from '../../utils';
-import { DimensionCols, DimensionRows, RowDrag, ColumnRegular, DataType, CellProps, ColumnDataSchemaModel, ColumnProp, DataLookup, DataFormat, ChangedRange, OldNewRangeMapping, Cell, RangeArea, BeforeSaveDataDetails, EditorCtr, Editors } from "../../types/index";
+import { DimensionCols, DimensionRows, RowDrag, ColumnRegular, DataType, CellProps, ColumnDataSchemaModel, ColumnProp, DataLookup, DataFormat, ChangedRange, OldNewRangeMapping, Cell, RangeArea, BeforeSaveDataDetails, EditorCtr, Editors, CellTemplateProp } from "../../types/index";
 export type ColumnStores = {
     [T in DimensionCols]: Observable<DSourceState<ColumnRegular, DimensionCols>>;
 };
@@ -17,7 +17,7 @@ export default class ColumnService {
     constructor(dataStore: Observable<DSourceState<DataType, DimensionRows>>, source: Observable<DSourceState<ColumnRegular, DimensionCols>>);
     private checkGrouping;
     isReadOnly(r: number, c: number): boolean;
-    mergeProperties(r: number, c: number, defaultProps: CellProps, model: ColumnDataSchemaModel, extraPropsFunc: ColumnRegular['cellProperties']): CellProps;
+    mergeProperties(r: number, c: number, defaultProps: CellProps, schemaModel: CellTemplateProp): CellProps;
     getRowClass(r: number, prop: string): string;
     getCellData(r: number, c: number): string;
     getSaveData(rowIndex: number, colIndex: number, val?: string): BeforeSaveDataDetails;

package/dist/types/components/data/revogr-data.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DSourceState } from "../../store/index";
-import { AllDimensionType, DimensionCols, DimensionRows } from "../../types/index";
-import { ViewportState, DimensionSettingsState, BeforeRowRenderEvent, Providers, ColumnRegular, DataType, BeforeCellRenderEvent, DragStartEvent, ColumnDataSchemaModel, VirtualPositionItem, SelectionStoreState } from "../../types/index";
+import { AllDimensionType, CellTemplateProp, DimensionCols, DimensionRows } from "../../types/index";
+import { ViewportState, DimensionSettingsState, BeforeRowRenderEvent, Providers, ColumnRegular, DataType, BeforeCellRenderEvent, DragStartEvent, VirtualPositionItem, SelectionStoreState } from "../../types/index";
 import { Observable } from '../../utils/store.utils';
 /**
  * This component is responsible for rendering data
@@ -70,7 +70,7 @@ export declare class RevogrData {
     /**
      * Before each cell render function. Allows to override cell properties
      */
-    beforeCellRender: EventEmitter<BeforeCellRenderEvent<ColumnDataSchemaModel>>;
+    beforeCellRender: EventEmitter<BeforeCellRenderEvent<CellTemplateProp>>;
     /**
      * Before data render
      */
@@ -103,5 +103,5 @@ export declare class RevogrData {
     componentWillRender(): Promise<any[]>;
     componentDidRender(): void;
     render(): any;
-    triggerBeforeCellRender(model: ColumnDataSchemaModel, row: VirtualPositionItem, column: VirtualPositionItem): CustomEvent<BeforeCellRenderEvent<ColumnDataSchemaModel>>;
+    triggerBeforeCellRender(model: CellTemplateProp, row: VirtualPositionItem, column: VirtualPositionItem): CustomEvent<BeforeCellRenderEvent<CellTemplateProp>>;
 }

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -25,9 +25,9 @@ import { ColumnFilterConfig, FilterCollection } from '../../plugins/filter/filte
  * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
  * :::
  *
- * :::tip
- * For a comprehensive events guide, check the [dependency tree](#Dependencies).
- * All events propagate to the root level of the grid.
+ * :::info
+ * For a comprehensive events guide, check the [Events](./events.md).
+ * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
  * :::
  *
  * @slot data-{column-type}-{row-type}. @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, ChangedRange, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PositionItem, Providers, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
+import { AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PositionItem, Providers, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
 import { GridPlugin } from "./plugins/base.plugin";
 import { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 import { ColumnFilterConfig, FilterCaptions, FilterCollection, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
@@ -20,7 +20,7 @@ import { ResizeProps } from "./components/header/resizable.directive";
 import { HeaderRenderProps } from "./components/header/header-renderer";
 import { Cell as Cell1, ColumnRegular as ColumnRegular1, DataType as DataType1, DimensionCols as DimensionCols1, DimensionRows as DimensionRows1, DimensionSettingsState as DimensionSettingsState1, Observable as Observable1, SelectionStoreState as SelectionStoreState1 } from "./components";
 import { EventData } from "./components/overlay/selection.utils";
-export { AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, ChangedRange, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PositionItem, Providers, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
+export { AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PositionItem, Providers, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
 export { GridPlugin } from "./plugins/base.plugin";
 export { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 export { ColumnFilterConfig, FilterCaptions, FilterCollection, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
@@ -42,9 +42,9 @@ export namespace Components {
      * Read [type definition file](https://github.com/revolist/revogrid/blob/master/src/interfaces.d.ts) for the full interface information.
      * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
      * :::
-     * :::tip
-     * For a comprehensive events guide, check the [dependency tree](#Dependencies).
-     * All events propagate to the root level of the grid.
+     * :::info
+     * For a comprehensive events guide, check the [Events](./events.md).
+     * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
      * :::
      * @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.
      * @example focus-rgCol-rgRow - focus layer for main data. Applies extra elements in <revogr-focus />.
@@ -834,9 +834,9 @@ declare global {
      * Read [type definition file](https://github.com/revolist/revogrid/blob/master/src/interfaces.d.ts) for the full interface information.
      * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
      * :::
-     * :::tip
-     * For a comprehensive events guide, check the [dependency tree](#Dependencies).
-     * All events propagate to the root level of the grid.
+     * :::info
+     * For a comprehensive events guide, check the [Events](./events.md).
+     * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
      * :::
      * @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.
      * @example focus-rgCol-rgRow - focus layer for main data. Applies extra elements in <revogr-focus />.
@@ -912,7 +912,7 @@ declare global {
     interface HTMLRevogrDataElementEventMap {
         "beforerowrender": BeforeRowRenderEvent;
         "afterrender": { type: DimensionRows };
-        "beforecellrender": BeforeCellRenderEvent<ColumnDataSchemaModel>;
+        "beforecellrender": BeforeCellRenderEvent<CellTemplateProp>;
         "beforedatarender": AllDimensionType;
         "dragstartcell": DragStartEvent;
     }
@@ -1230,9 +1230,9 @@ declare namespace LocalJSX {
      * Read [type definition file](https://github.com/revolist/revogrid/blob/master/src/interfaces.d.ts) for the full interface information.
      * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
      * :::
-     * :::tip
-     * For a comprehensive events guide, check the [dependency tree](#Dependencies).
-     * All events propagate to the root level of the grid.
+     * :::info
+     * For a comprehensive events guide, check the [Events](./events.md).
+     * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
      * :::
      * @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.
      * @example focus-rgCol-rgRow - focus layer for main data. Applies extra elements in <revogr-focus />.
@@ -1668,7 +1668,7 @@ declare namespace LocalJSX {
         /**
           * Before each cell render function. Allows to override cell properties
          */
-        "onBeforecellrender"?: (event: RevogrDataCustomEvent<BeforeCellRenderEvent<ColumnDataSchemaModel>>) => void;
+        "onBeforecellrender"?: (event: RevogrDataCustomEvent<BeforeCellRenderEvent<CellTemplateProp>>) => void;
         /**
           * Before data render
          */
@@ -2263,9 +2263,9 @@ declare module "@stencil/core" {
              * Read [type definition file](https://github.com/revolist/revogrid/blob/master/src/interfaces.d.ts) for the full interface information.
              * All complex property types such as `ColumnRegular`, `ColumnProp`, `ColumnDataSchemaModel` can be found there.
              * :::
-             * :::tip
-             * For a comprehensive events guide, check the [dependency tree](#Dependencies).
-             * All events propagate to the root level of the grid.
+             * :::info
+             * For a comprehensive events guide, check the [Events](./events.md).
+             * All events propagate to the root level of the grid. [Dependency tree](#Dependencies).
              * :::
              * @example data-rgCol-rgRow - main data slot. Applies extra elements in <revogr-data />.
              * @example focus-rgCol-rgRow - focus layer for main data. Applies extra elements in <revogr-focus />.

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

@@ -35,7 +35,9 @@ export default class SortingPlugin extends BasePlugin {
      * @param data - this.stores['rgRow'].store.get('source')
      */
     sort(sorting?: SortingOrder, sortingFunc?: SortingOrderFunction, types?: DimensionRows[]): void;
-    defaultCellCompare(prop: ColumnProp, a: DataType, b: DataType): 0 | 1 | -1;
+    defaultCellCompare(this: {
+        column?: ColumnRegular;
+    }, prop: ColumnProp, a: DataType, b: DataType): 0 | 1 | -1;
     descCellCompare(cmp: CellCompareFunc): (prop: ColumnProp, a: DataType, b: DataType) => number;
     sortIndexByItems(indexes: number[], source: DataType[], sortingFunc?: SortingOrderFunction): number[];
     getNextOrder(currentOrder: Order): Order;