@revolist/revogrid 4.12.4 → 4.12.6

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","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","detail","renderCell","v","els","template","schemaModel","column","cellTemplate","Build","isDev","console","error","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","model","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","groupingCustomRenderer","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","itemIndex","isGrouping","gmodel","hasExpand","GroupingRowRenderer","cells","rgCol","smodel","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","DATA_ROW","size","height","undefined","paddingLeft","PADDING_DEPTH","mergeProperties","cellNode","rowClass","getRowClass","RowRenderer","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","onClick","range","x","x1","FOCUS_CLASS","SortingSign","canFilter","_e","filter","FilterButton","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","event","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","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","contentHeight","scroll","_f","noScroll","_g","contentWidth","dim","resizeViewport","rowHeader","_h","_j","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","name","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","target","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-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 } from '@stencil/core';\nimport { Group } from '@store';\nimport type { CellProps, Providers, DimensionCols } 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';\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): ReturnType<typeof h> => {\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 } 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'>): ReturnType<typeof h>[] => {\n  // render group columns\n  const groupRow: ReturnType<typeof h>[] = [];\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 { type 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 { type VNode } from '@stencil/core';\nimport { type 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, type 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        vertical-align: middle;\n        padding-left: 5px;\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  type VNode,\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\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, { RowGroupingProps } 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';\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        const gmodel: RowGroupingProps = {\n          ...rgRow,\n          index: rgRow.itemIndex,\n          model: dataItem,\n          groupingCustomRenderer,\n          hasExpand: this.columnService.hasGrouping,\n          providers: this.providers,\n        };\n        rowsEls.push(<GroupingRowRenderer {...gmodel} />);\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 } 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): ReturnType<typeof h> => {\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  type VNode,\n} from '@stencil/core';\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';\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!: HTMLElement;\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 type {\n  DimensionCols,\n  DimensionType,\n  ElementScroll,\n  ScrollCoordinateEvent,\n  ViewPortResizeEvent,\n  ViewPortScrollEvent\n} 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 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    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  type 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","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","detail","renderCell","v","els","template","schemaModel","column","cellTemplate","Build","isDev","console","error","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","model","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","groupingCustomRenderer","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","itemIndex","isGrouping","gmodel","hasExpand","GroupingRowRenderer","cells","rgCol","smodel","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","DATA_ROW","size","height","undefined","paddingLeft","PADDING_DEPTH","mergeProperties","cellNode","rowClass","getRowClass","RowRenderer","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","onClick","range","x","x1","FOCUS_CLASS","SortingSign","canFilter","_e","filter","FilterButton","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","event","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","resize","previousSize","apply","throttle","entry","contentRect","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","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","header","clientHeight","footer","contentSize","contentHeight","scroll","_f","noScroll","contentWidth","dim","entries","resizeViewport","rowHeader","_g","_h","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","name","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","target","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-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 } from '@stencil/core';\nimport { Group } from '@store';\nimport type { CellProps, Providers, DimensionCols } 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';\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): ReturnType<typeof h> => {\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 } 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'>): ReturnType<typeof h>[] => {\n  // render group columns\n  const groupRow: ReturnType<typeof h>[] = [];\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 { type 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 { type VNode } from '@stencil/core';\nimport { type 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, type 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        vertical-align: middle;\n        padding-left: 5px;\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  type VNode,\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\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, { RowGroupingProps } 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';\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        const gmodel: RowGroupingProps = {\n          ...rgRow,\n          index: rgRow.itemIndex,\n          model: dataItem,\n          groupingCustomRenderer,\n          hasExpand: this.columnService.hasGrouping,\n          providers: this.providers,\n        };\n        rowsEls.push(<GroupingRowRenderer {...gmodel} />);\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 } 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): ReturnType<typeof h> => {\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  type VNode,\n} from '@stencil/core';\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';\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!: HTMLElement;\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';\n\ntype ResizeEntry = {\n  width: number;\n  height: number;\n};\nexport default class GridResizeService {\n  private resizeObserver: ResizeObserver | null = null;\n  private previousSize: ResizeEntry = {\n    width: 0,\n    height: 0,\n  };\n  private readonly apply = throttle(\n    (e: ReadonlyArray<ResizeObserverEntry>) => {\n      if (!e.length) {\n        return;\n      }\n      const entry = {\n        width: e[0].contentRect.width,\n        height: e[0].contentRect.height,\n      };\n      this.resize?.(entry, this.previousSize);\n      this.previousSize = entry;\n    },\n    10,\n  );\n  constructor(\n    el: HTMLElement,\n    private readonly resize: (\n      entry: ResizeEntry,\n      previousSize: ResizeEntry,\n    ) => void,\n  ) {\n    this.init(el);\n  }\n\n  async init(el: HTMLElement): Promise<void> {\n    await resizeObserver();\n    this.resizeObserver = new ResizeObserver(this.apply);\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 type {\n  DimensionCols,\n  DimensionType,\n  ElementScroll,\n  ScrollCoordinateEvent,\n  ViewPortResizeEvent,\n  ViewPortScrollEvent,\n} 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 })\n  scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' })\n  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' })\n  silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\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  @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(e: ViewPortScrollEvent, silent = false) {\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(\n      'ontouchstart' in document.documentElement ? 0 : 10,\n    );\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(\n      this.horizontalScroll,\n      (entry, previousSize) => {\n        const els: Partial<\n          Record<\n            DimensionType,\n            {\n              size: number;\n              contentSize: number;\n              scroll: number;\n              noScroll: boolean;\n            }\n          >\n        > = {};\n        if (entry.height !== previousSize.height) {\n          let height = entry.height || 0;\n          if (height) {\n            height -=\n              (this.header?.clientHeight ?? 0) +\n              (this.footer?.clientHeight ?? 0);\n          }\n          els.rgRow = {\n            size: height,\n            contentSize: this.contentHeight,\n            scroll: this.verticalScroll?.scrollTop ?? 0,\n            noScroll: false,\n          };\n        }\n        if (entry.width !== previousSize.width) {\n          els.rgCol = {\n            size: entry.width || 0,\n            contentSize: this.contentWidth,\n            scroll: this.horizontalScroll.scrollLeft,\n            noScroll: this.colType !== 'rgCol',\n          };\n        }\n\n        for (const [dim, item] of Object.entries(els)) {\n          const dimension = dim as DimensionType;\n          this.resizeViewport.emit({\n            dimension,\n            size: item.size,\n            rowHeader: this.rowHeader,\n          });\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    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  type 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/revo-grid/revogr-filter-panel.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["closest","Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","s","el","this","call","parentElement","parentNode","nodeType","filterStyleCss","RevogrFilterPanelStyle0","defaultType","FILTER_LIST_CLASS","FILTER_LIST_CLASS_ACTION","FILTER_ID","FilterPanel","filterCaptionsInternal","title","ok","save","reset","cancel","add","placeholder","and","or","debouncedApplyFilter","debounce","filterChange","emit","filterItems","onMouseDown","e","changes","defaultPrevented","path","composedPath","select","document","getElementById","HTMLSelectElement","includes","value","currentFilterType","type","currentFilterId","isOutside","element","target","HTMLElement","isFilterBtn","undefined","show","newEntity","getChanges","componentWillRender","isFilterIdSet","Object","keys","prop","filterId","length","getFilterItemsList","_a","propFilters","_b","capts","assign","filterCaptions","h","key","map","filter","index","andOrButton","hidden","onClick","toggleFilterAndOr","id","AndOrButton","text","relation","class","onChange","onFilterTypeChange","renderSelectOptions","onRemoveFilter","TrashButton","renderExtra","f","autoCorrect","pos","getBoundingClientRect","maxLeft","window","innerWidth","width","left","offsetLeft","style","setTimeout","input","HTMLInputElement","focus","disableDynamicFiltering","onAddNewFilter","addNewFilterToProp","push","onUserInput","event","onKeyDown","toLowerCase","stopPropagation","onSave","onCancel","onReset","assertChanges","resetChange","items","findIndex","d","splice","Error","isDefaultTypeRemoved","options","Set","entries","forEach","_","values","selected","filterNames","gIndex","filterTypes","group","k","has","disabled","currentFilter","filterEntities","extra","onInput","bind","render","Host","display","x","top","y","ref","slot","extraContent","_c","hideDefaultFilters"],"sources":["src/utils/closest.polifill.ts","src/plugins/filter/filter.style.scss?tag=revogr-filter-panel","src/plugins/filter/filter.panel.tsx"],"sourcesContent":["(function closest() {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      ((Element.prototype as unknown) as { msMatchesSelector: (selectors: string) => boolean }).msMatchesSelector || Element.prototype.webkitMatchesSelector;\n  }\n\n  if (!Element.prototype.closest) {\n    Element.prototype.closest = function (s: string) {\n      let el: HTMLElement | Element | (Node & ParentNode) | null = this;\n\n      do {\n        if (Element.prototype.matches.call(el, s)) {\n          return el;\n        }\n        el = el.parentElement || el.parentNode;\n      } while (el !== null && el.nodeType === 1);\n      return null;\n    };\n  }\n})();\n","revogr-filter-panel {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  max-height: calc(100% - 80px);\n  min-width: 250px;\n  overflow: auto;\n\n  opacity: 1;\n  transform: none;\n  background-color: #fff;\n  transform-origin: 62px 0px;\n  box-shadow: 0 5px 18px -2px rgba(black, 20%);\n  padding: 10px;\n  border-radius: 4px;\n\n  min-width: 220px;\n  text-align: left;\n\n  .filter-holder > div {\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    font-size: 13px;\n    display: block;\n    padding: 8px 0;\n  }\n\n  select {\n    width: 100%;\n  }\n\n  input[type='text'] {\n    border: 0;\n    min-height: 34px;\n    margin: 5px 0;\n    background: #f3f3f3;\n    border-radius: 5px;\n    padding: 0 10px;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  button {\n    margin-top: 10px;\n    margin-right: 5px;\n  }\n\n  .filter-actions {\n    text-align: right;\n    margin-right: -5px;\n  }\n}\n\n.rgHeaderCell {\n  &:hover .rv-filter {\n    transition:\n      opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n  &:hover .rv-filter,\n  .rv-filter.active {\n    opacity: 1;\n  }\n\n  .rv-filter {\n    $btn-size: 24px;\n    height: $btn-size;\n    width: $btn-size;\n    background: none;\n    border: 0;\n    opacity: 0;\n    visibility: visible;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &.active {\n      color: #10224a;\n    }\n\n    .filter-img {\n      $img-size: 11px;\n      color: gray;\n      width: $img-size;\n    }\n  }\n}\n\n.select-css {\n  $gradient: 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E';\n  $linearGradient: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  $borderColor: #f1f1f1;\n\n  display: block;\n  font-family: sans-serif;\n  font-weight: 600;\n  color: #444;\n  line-height: 1.3;\n  padding: 0.6em 1.4em 0.5em 0.8em;\n  width: 100%;\n  max-width: 100%; /* useful when width is set to anything other than 100% */\n  box-sizing: border-box;\n  margin: 0;\n  border: 1px solid $borderColor;\n  box-shadow: transparent;\n  border-radius: 0.5em;\n  appearance: none;\n  background-color: #fff;\n  background-image: url($gradient), $linearGradient;\n  background-repeat: no-repeat, repeat;\n  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/\n  background-position:\n    right 0.7em top 50%,\n    0 0;\n  /* icon size, then gradient */\n  background-size:\n    0.65em auto,\n    100%;\n\n  /* Hide arrow icon in IE browsers */\n  &::-ms-expand {\n    display: none;\n  }\n  /* Hover style */\n  &:hover {\n    border-color: rgb(197, 197, 197);\n  }\n  /* Focus style */\n  &:focus {\n    border-color: $borderColor;\n    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);\n    box-shadow: 0 0 0 3px -moz-mac-focusring;\n    color: #222;\n    outline: none;\n  }\n\n  /* Set options to normal weight */\n  option {\n    font-weight: normal;\n  }\n\n  /* Disabled styles */\n  &:disabled,\n  &[aria-disabled='true'] {\n    color: gray;\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),\n      linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  }\n\n  &:disabled:hover,\n  &[aria-disabled='true'] {\n    border-color: $borderColor;\n  }\n}\n\n.multi-filter-list {\n  margin-top: 5px;\n  margin-bottom: 5px;\n\n  div {\n    white-space: nowrap;\n  }\n\n  .multi-filter-list-action {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .and-or-button {\n    margin: 0 0 0 10px;\n    min-width: 58px;\n    cursor: pointer;\n  }\n  .trash-button {\n    $btn-remove-size: 22px;\n    margin: 0 0 -2px 6px;\n    cursor: pointer;\n\n    width: $btn-remove-size;\n    height: 100%;\n    font-size: 16px;\n\n    .trash-img {\n      width: 1em;\n    }\n  }\n}\n\n.add-filter-divider {\n  display: block;\n  margin: 0 -10px 10px -10px;\n\n  border-bottom: 1px solid #d9d9d9;\n  height: 10px;\n}\n\n.select-input {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\nrevo-grid[theme^='dark'] {\n  revogr-filter-panel {\n    background-color: $el-color-dark;\n\n    .add-filter-divider {\n      border-bottom-color: $el-color-dark;\n    }\n\n    input[type=text] {\n      background-color: $font-color-dark;\n      color: black;\n    }\n  }\n}","// filter.panel.tsx\n\nimport {\n  h,\n  Component,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  type VNode,\n  Element,\n} from '@stencil/core';\nimport debounce from 'lodash/debounce';\n\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\nimport '../../utils/closest.polifill';\nimport {\n  FilterCaptions,\n  LogicFunction,\n  MultiFilterItem,\n  ShowData,\n} from './filter.types';\nimport type { ColumnProp } from '@type';\nimport { FilterType } from './filter.indexed';\n\nconst defaultType: FilterType = 'none';\n\nconst FILTER_LIST_CLASS = 'multi-filter-list';\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\nconst FILTER_ID = 'add-filter';\n\n/**\n * Filter panel for editing filters\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'revogr-filter-panel',\n  styleUrl: 'filter.style.scss',\n})\nexport class FilterPanel {\n  private filterCaptionsInternal: FilterCaptions = {\n    title: 'Filter by',\n    ok: 'Ok',\n    save: 'Save',\n    // drops the filter\n    reset: 'Reset',\n    cancel: 'Cancel',\n    add: 'Add condition',\n    placeholder: 'Enter value...',\n    and: 'and',\n    or: 'or',\n  };\n\n  @Element() element!: HTMLElement;\n  @State() isFilterIdSet = false;\n  @State() filterId = 0;\n  @State() currentFilterId = -1;\n  @State() currentFilterType: FilterType = defaultType;\n  @State() changes: ShowData | undefined;\n  @State() filterItems: MultiFilterItem = {};\n  @Prop() filterNames: Record<string, string> = {};\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\n  @Prop() filterCaptions: FilterCaptions | undefined;\n  /**\n   * Disables dynamic filtering. A way to apply filters on Save only\n   */\n  @Prop() disableDynamicFiltering = false;\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\n  @Event() resetChange: EventEmitter<ColumnProp>;\n\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\n    // click on anything then select drops values to default\n    if (!this.changes || e.defaultPrevented) {\n      return;\n    }\n    const path = e.composedPath();\n    const select = document.getElementById(FILTER_ID);\n    if (select instanceof HTMLSelectElement) {\n      // click on select should be skipped\n      if (path.includes(select)) {\n        return;\n      }\n      select.value = defaultType;\n    }\n    this.currentFilterType = defaultType;\n    if (this.changes) {\n      this.changes.type = defaultType;\n    }\n    this.currentFilterId = -1;\n\n    const isOutside = !path.includes(this.element);\n\n    if (\n      e.target instanceof HTMLElement &&\n      isOutside &&\n      !isFilterBtn(e.target)\n    ) {\n      this.changes = undefined;\n    }\n  }\n\n  @Method() async show(newEntity?: ShowData) {\n    this.changes = newEntity;\n    this.filterItems = newEntity?.filterItems || {};\n    if (this.changes) {\n      this.changes.type = this.changes.type || defaultType;\n    }\n  }\n\n  @Method() async getChanges() {\n    return this.changes;\n  }\n\n  componentWillRender() {\n    if (!this.isFilterIdSet) {\n      this.isFilterIdSet = true;\n      const filterItems = Object.keys(this.filterItems);\n      for (const prop of filterItems) {\n        // we set the proper filterId so there won't be any conflict when removing filters\n        this.filterId += this.filterItems[prop].length;\n      }\n    }\n  }\n\n  getFilterItemsList() {\n    const prop = this.changes?.prop;\n    if (typeof prop === 'undefined') return '';\n\n    const propFilters = this.filterItems[prop] ?? [];\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n    return (\n      <div key={this.filterId}>\n        {propFilters.map((filter, index) => {\n          let andOrButton;\n          if (filter.hidden) {\n            return;\n          }\n\n          // hide toggle button if there is only one filter and the last one\n          if (index !== this.filterItems[prop].length - 1) {\n            andOrButton = (\n              <div onClick={() => this.toggleFilterAndOr(filter.id)}>\n                <AndOrButton\n                  text={filter.relation === 'and' ? capts.and : capts.or}\n                />\n              </div>\n            );\n          }\n\n          return (\n            <div key={filter.id} class={FILTER_LIST_CLASS}>\n              <div class={{ 'select-input': true }}>\n                <select\n                  class=\"select-css select-filter\"\n                  onChange={e => this.onFilterTypeChange(e, prop, index)}\n                >\n                  {this.renderSelectOptions(\n                    this.filterItems[prop][index].type,\n                    true,\n                  )}\n                </select>\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\n                <div onClick={() => this.onRemoveFilter(filter.id)}>\n                  <TrashButton />\n                </div>\n              </div>\n              <div>{this.renderExtra(prop, index)}</div>\n            </div>\n          );\n        })}\n\n        {propFilters.filter(f => !f.hidden).length > 0 ? <div class=\"add-filter-divider\" /> : ''}\n      </div>\n    );\n  }\n\n  private autoCorrect(el?: HTMLElement | null) {\n    if (!el) {\n      return;\n    }\n    const pos = el.getBoundingClientRect();\n    const maxLeft = window.innerWidth - pos.width;\n\n    if (pos.left > maxLeft && el.offsetLeft) {\n      el.style.left = `${maxLeft - (el.parentElement?.getBoundingClientRect().left ?? 0)}px`;\n    }\n  }\n\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\n    if (!(e.target instanceof HTMLSelectElement)) {\n      return;\n    }\n    this.filterItems[prop][index].type = e.target.value as FilterType;\n\n    // this re-renders the input to know if we need extra input\n    this.filterId++;\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById(\n        'filter-input-' + this.filterItems[prop][index].id,\n      );\n      if (input instanceof HTMLInputElement) {\n        input.focus();\n      }\n    }, 0);\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private debouncedApplyFilter = debounce(() => {\n    this.filterChange.emit(this.filterItems);\n  }, 400);\n\n  private onAddNewFilter(e: Event) {\n    const el = e.target as HTMLSelectElement;\n    this.currentFilterType = el.value as FilterType;\n    this.addNewFilterToProp();\n\n    // reset value after adding new filter\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\n    if (select) {\n      select.value = defaultType;\n      this.currentFilterType = defaultType;\n    }\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private addNewFilterToProp() {\n    const prop = this.changes?.prop;\n    if (!(prop || prop === 0)) return;\n\n    if (!this.filterItems[prop]) {\n      this.filterItems[prop] = [];\n    }\n\n    if (this.currentFilterType === 'none') return;\n\n    this.filterId++;\n    this.currentFilterId = this.filterId;\n\n    this.filterItems[prop].push({\n      id: this.currentFilterId,\n      type: this.currentFilterType,\n      value: '',\n      relation: 'and',\n    });\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById(\n        'filter-input-' + this.currentFilterId,\n      ) as HTMLInputElement;\n      if (input) input.focus();\n    }, 0);\n  }\n\n  private onUserInput(index: number, prop: ColumnProp, event: Event) {\n    // update the value of the filter item\n    this.filterItems[prop][index].value = (\n      event.target as HTMLInputElement\n    ).value;\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private onKeyDown(e: KeyboardEvent) {\n    if (e.key.toLowerCase() === 'enter') {\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\n      if (select) {\n        select.value = defaultType;\n        this.currentFilterType = defaultType;\n        this.addNewFilterToProp();\n        select.focus();\n      }\n      return;\n    }\n    // keep event local, don't escalate farther to dom\n    e.stopPropagation();\n  }\n\n  private onSave() {\n    this.filterChange.emit(this.filterItems);\n  }\n\n  private onCancel() {\n    this.changes = undefined;\n  }\n\n  private onReset() {\n    this.assertChanges();\n\n    this.resetChange.emit(this.changes?.prop);\n\n    // this updates the DOM which is used by getFilterItemsList() key\n    this.filterId++;\n  }\n\n  private onRemoveFilter(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes?.prop;\n\n    const items = this.filterItems[prop ?? ''];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n    items.splice(index, 1);\n\n    // let's remove the prop if no more filters so the filter icon will be removed\n    if (items.length === 0) delete this.filterItems[prop ?? ''];\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private toggleFilterAndOr(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes?.prop;\n\n    const items = this.filterItems[prop ?? ''];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private assertChanges() {\n    if (!this.changes) {\n      throw new Error('Changes required per edit');\n    }\n  }\n\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\n    if (!this.changes) {\n      return;\n    }\n    const options: VNode[] = [];\n    const prop = this.changes.prop;\n\n    const hidden = new Set<string>();\n    Object.entries(this.filterItems).forEach(([_, values]) => {\n      values.forEach((filter) => {\n        if (filter.hidden) {\n          hidden.add(filter.type);\n        }\n      })\n    });\n\n    if (!isDefaultTypeRemoved) {\n      const capts = Object.assign(\n        this.filterCaptionsInternal,\n        this.filterCaptions,\n      );\n\n      options.push(\n        <option\n          selected={this.currentFilterType === defaultType}\n          value={defaultType}\n        >\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0\n            ? capts.add\n            : this.filterNames[defaultType]}\n        </option>,\n      );\n    }\n\n    for (let gIndex in this.changes.filterTypes) {\n      const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));\n      if (group.length) {\n        options.push(\n          ...group.map(k => (\n            <option value={k} selected={type === k}>\n              {this.filterNames[k]}\n            </option>\n          )),\n        );\n        options.push(<option disabled></option>);\n      }\n    }\n    return options;\n  }\n\n  renderExtra(prop: ColumnProp, index: number) {\n    const currentFilter = this.filterItems[prop];\n\n    if (!currentFilter) return '';\n\n    if (this.filterEntities[currentFilter[index].type].extra !== 'input')\n      return '';\n\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n\n    return (\n      <input\n        id={`filter-input-${currentFilter[index].id}`}\n        placeholder={capts.placeholder}\n        type=\"text\"\n        value={currentFilter[index].value}\n        onInput={this.onUserInput.bind(this, index, prop)}\n        onKeyDown={e => this.onKeyDown(e)}\n      />\n    );\n  }\n\n  render() {\n    if (!this.changes) {\n      return <Host style={{ display: 'none' }}></Host>;\n    }\n    const style = {\n      display: 'block',\n      left: `${this.changes.x}px`,\n      top: `${this.changes.y}px`,\n    };\n\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n\n    return (\n      <Host\n        style={style}\n        ref={el => {\n          this.changes?.autoCorrect && this.autoCorrect(el);\n        }}\n      >\n        <slot slot=\"header\" />\n        { this.changes.extraContent?.(this.changes) || '' }\n\n        { this.changes?.hideDefaultFilters !== true && (\n          [\n            <label>{capts.title}</label>,\n            <div class=\"filter-holder\">{this.getFilterItemsList()}</div>,\n            <div class=\"add-filter\">\n              <select\n                id={FILTER_ID}\n                class=\"select-css\"\n                onChange={e => this.onAddNewFilter(e)}\n              >\n                {this.renderSelectOptions(this.currentFilterType)}\n              </select>\n            </div>\n          ]\n        )}\n\n        <slot />\n        <div class=\"filter-actions\">\n          {this.disableDynamicFiltering && [\n            <button\n              id=\"revo-button-save\"\n              aria-label=\"save\"\n              class=\"revo-button green\"\n              onClick={() => this.onSave()}\n            >\n              {capts.save}\n            </button>,\n            <button\n              id=\"revo-button-ok\"\n              aria-label=\"ok\"\n              class=\"revo-button green\"\n              onClick={() => this.onCancel()}\n            >\n              {capts.cancel}\n            </button>,\n          ]}\n          {!this.disableDynamicFiltering && [\n            <button\n              id=\"revo-button-ok\"\n              aria-label=\"ok\"\n              class=\"revo-button green\"\n              onClick={() => this.onCancel()}\n            >\n              {capts.ok}\n            </button>,\n\n            <button\n              id=\"revo-button-reset\"\n              aria-label=\"reset\"\n              class=\"revo-button outline\"\n              onClick={() => this.onReset()}\n            >\n              {capts.reset}\n            </button>,\n          ]}\n        </div>\n        <slot slot=\"footer\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["closest","Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","s","el","this","call","parentElement","parentNode","nodeType","filterStyleCss","RevogrFilterPanelStyle0","defaultType","FILTER_LIST_CLASS","FILTER_LIST_CLASS_ACTION","FILTER_ID","FilterPanel","filterCaptionsInternal","title","ok","save","reset","cancel","add","placeholder","and","or","debouncedApplyFilter","debounce","filterChange","emit","filterItems","onMouseDown","e","changes","defaultPrevented","path","composedPath","select","document","getElementById","HTMLSelectElement","includes","value","currentFilterType","type","currentFilterId","isOutside","element","target","HTMLElement","isFilterBtn","undefined","show","newEntity","getChanges","componentWillRender","isFilterIdSet","Object","keys","prop","filterId","length","getFilterItemsList","_a","propFilters","_b","capts","assign","filterCaptions","h","key","map","filter","index","andOrButton","hidden","onClick","toggleFilterAndOr","id","AndOrButton","text","relation","class","onChange","onFilterTypeChange","renderSelectOptions","onRemoveFilter","TrashButton","renderExtra","f","autoCorrect","pos","getBoundingClientRect","maxLeft","window","innerWidth","width","left","offsetLeft","style","setTimeout","input","HTMLInputElement","focus","disableDynamicFiltering","onAddNewFilter","addNewFilterToProp","push","onUserInput","event","onKeyDown","toLowerCase","stopPropagation","onSave","onCancel","onReset","assertChanges","resetChange","items","findIndex","d","splice","Error","isDefaultTypeRemoved","options","Set","entries","forEach","_","values","selected","filterNames","gIndex","filterTypes","group","k","has","disabled","currentFilter","filterEntities","extra","onInput","bind","render","Host","display","x","top","y","ref","slot","extraContent","_c","hideDefaultFilters"],"sources":["src/utils/closest.polifill.ts","src/plugins/filter/filter.style.scss?tag=revogr-filter-panel","src/plugins/filter/filter.panel.tsx"],"sourcesContent":["(function closest() {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      ((Element.prototype as unknown) as { msMatchesSelector: (selectors: string) => boolean }).msMatchesSelector || Element.prototype.webkitMatchesSelector;\n  }\n\n  if (!Element.prototype.closest) {\n    Element.prototype.closest = function (s: string) {\n      let el: HTMLElement | Element | (Node & ParentNode) | null = this;\n\n      do {\n        if (Element.prototype.matches.call(el, s)) {\n          return el;\n        }\n        el = el.parentElement || el.parentNode;\n      } while (el !== null && el.nodeType === 1);\n      return null;\n    };\n  }\n})();\n","revogr-filter-panel {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  max-height: calc(100% - 80px);\n  min-width: 250px;\n  overflow: auto;\n\n  opacity: 1;\n  transform: none;\n  background-color: #fff;\n  transform-origin: 62px 0px;\n  box-shadow: 0 5px 18px -2px rgba(black, 20%);\n  padding: 10px;\n  border-radius: 4px;\n\n  min-width: 220px;\n  text-align: left;\n\n  .filter-holder > div {\n    display: flex;\n    flex-direction: column;\n  }\n\n  label {\n    font-size: 13px;\n    display: block;\n    padding: 8px 0;\n  }\n\n  select {\n    width: 100%;\n  }\n\n  input[type='text'] {\n    border: 0;\n    min-height: 34px;\n    margin: 5px 0;\n    background: #f3f3f3;\n    border-radius: 5px;\n    padding: 0 10px;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  button {\n    margin-top: 10px;\n    margin-right: 5px;\n  }\n\n  .filter-actions {\n    text-align: right;\n    margin-right: -5px;\n  }\n}\n\n.rgHeaderCell {\n  &:hover .rv-filter {\n    transition:\n      opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n  &:hover .rv-filter,\n  .rv-filter.active {\n    opacity: 1;\n  }\n\n  .rv-filter {\n    $btn-size: 24px;\n    height: $btn-size;\n    width: $btn-size;\n    background: none;\n    border: 0;\n    opacity: 0;\n    visibility: visible;\n    cursor: pointer;\n    border-radius: 4px;\n\n    &.active {\n      color: #10224a;\n    }\n\n    .filter-img {\n      $img-size: 11px;\n      color: gray;\n      width: $img-size;\n    }\n  }\n}\n\n.select-css {\n  $gradient: 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E';\n  $linearGradient: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  $borderColor: #f1f1f1;\n\n  display: block;\n  font-family: sans-serif;\n  font-weight: 600;\n  color: #444;\n  line-height: 1.3;\n  padding: 0.6em 1.4em 0.5em 0.8em;\n  width: 100%;\n  max-width: 100%; /* useful when width is set to anything other than 100% */\n  box-sizing: border-box;\n  margin: 0;\n  border: 1px solid $borderColor;\n  box-shadow: transparent;\n  border-radius: 0.5em;\n  appearance: none;\n  background-color: #fff;\n  background-image: url($gradient), $linearGradient;\n  background-repeat: no-repeat, repeat;\n  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/\n  background-position:\n    right 0.7em top 50%,\n    0 0;\n  /* icon size, then gradient */\n  background-size:\n    0.65em auto,\n    100%;\n\n  /* Hide arrow icon in IE browsers */\n  &::-ms-expand {\n    display: none;\n  }\n  /* Hover style */\n  &:hover {\n    border-color: rgb(197, 197, 197);\n  }\n  /* Focus style */\n  &:focus {\n    border-color: $borderColor;\n    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);\n    box-shadow: 0 0 0 3px -moz-mac-focusring;\n    color: #222;\n    outline: none;\n  }\n\n  /* Set options to normal weight */\n  option {\n    font-weight: normal;\n  }\n\n  /* Disabled styles */\n  &:disabled,\n  &[aria-disabled='true'] {\n    color: gray;\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),\n      linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\n  }\n\n  &:disabled:hover,\n  &[aria-disabled='true'] {\n    border-color: $borderColor;\n  }\n}\n\n.multi-filter-list {\n  margin-top: 5px;\n  margin-bottom: 5px;\n\n  div {\n    white-space: nowrap;\n  }\n\n  .multi-filter-list-action {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .and-or-button {\n    margin: 0 0 0 10px;\n    min-width: 58px;\n    cursor: pointer;\n  }\n  .trash-button {\n    $btn-remove-size: 22px;\n    margin: 0 0 -2px 6px;\n    cursor: pointer;\n\n    width: $btn-remove-size;\n    height: 100%;\n    font-size: 16px;\n\n    .trash-img {\n      width: 1em;\n    }\n  }\n}\n\n.add-filter-divider {\n  display: block;\n  margin: 0 -10px 10px -10px;\n\n  border-bottom: 1px solid #d9d9d9;\n  height: 10px;\n}\n\n.select-input {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\nrevo-grid[theme^='dark'] {\n  revogr-filter-panel {\n    background-color: $el-color-dark;\n\n    .add-filter-divider {\n      border-bottom-color: $el-color-dark;\n    }\n\n    input[type=text] {\n      background-color: $font-color-dark;\n      color: black;\n    }\n  }\n}","// filter.panel.tsx\n\nimport {\n  h,\n  Component,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  type VNode,\n  Element,\n} from '@stencil/core';\nimport debounce from 'lodash/debounce';\n\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\nimport '../../utils/closest.polifill';\nimport {\n  FilterCaptions,\n  LogicFunction,\n  MultiFilterItem,\n  ShowData,\n} from './filter.types';\nimport type { ColumnProp } from '@type';\nimport { FilterType } from './filter.indexed';\n\nconst defaultType: FilterType = 'none';\n\nconst FILTER_LIST_CLASS = 'multi-filter-list';\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\nconst FILTER_ID = 'add-filter';\n\n/**\n * Filter panel for editing filters\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'revogr-filter-panel',\n  styleUrl: 'filter.style.scss',\n})\nexport class FilterPanel {\n  private filterCaptionsInternal: FilterCaptions = {\n    title: 'Filter by',\n    ok: 'Ok',\n    save: 'Save',\n    // drops the filter\n    reset: 'Reset',\n    cancel: 'Cancel',\n    add: 'Add condition',\n    placeholder: 'Enter value...',\n    and: 'and',\n    or: 'or',\n  };\n\n  @Element() element!: HTMLElement;\n  @State() isFilterIdSet = false;\n  @State() filterId = 0;\n  @State() currentFilterId = -1;\n  @State() currentFilterType: FilterType = defaultType;\n  @State() changes: ShowData | undefined;\n  @State() filterItems: MultiFilterItem = {};\n  @Prop() filterNames: Record<string, string> = {};\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\n  @Prop() filterCaptions: Partial<FilterCaptions> | undefined;\n  /**\n   * Disables dynamic filtering. A way to apply filters on Save only\n   */\n  @Prop() disableDynamicFiltering = false;\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\n  @Event() resetChange: EventEmitter<ColumnProp>;\n\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\n    // click on anything then select drops values to default\n    if (!this.changes || e.defaultPrevented) {\n      return;\n    }\n    const path = e.composedPath();\n    const select = document.getElementById(FILTER_ID);\n    if (select instanceof HTMLSelectElement) {\n      // click on select should be skipped\n      if (path.includes(select)) {\n        return;\n      }\n      select.value = defaultType;\n    }\n    this.currentFilterType = defaultType;\n    if (this.changes) {\n      this.changes.type = defaultType;\n    }\n    this.currentFilterId = -1;\n\n    const isOutside = !path.includes(this.element);\n\n    if (\n      e.target instanceof HTMLElement &&\n      isOutside &&\n      !isFilterBtn(e.target)\n    ) {\n      this.changes = undefined;\n    }\n  }\n\n  @Method() async show(newEntity?: ShowData) {\n    this.changes = newEntity;\n    this.filterItems = newEntity?.filterItems || {};\n    if (this.changes) {\n      this.changes.type = this.changes.type || defaultType;\n    }\n  }\n\n  @Method() async getChanges() {\n    return this.changes;\n  }\n\n  componentWillRender() {\n    if (!this.isFilterIdSet) {\n      this.isFilterIdSet = true;\n      const filterItems = Object.keys(this.filterItems);\n      for (const prop of filterItems) {\n        // we set the proper filterId so there won't be any conflict when removing filters\n        this.filterId += this.filterItems[prop].length;\n      }\n    }\n  }\n\n  getFilterItemsList() {\n    const prop = this.changes?.prop;\n    if (typeof prop === 'undefined') return '';\n\n    const propFilters = this.filterItems[prop] ?? [];\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n    return (\n      <div key={this.filterId}>\n        {propFilters.map((filter, index) => {\n          let andOrButton;\n          if (filter.hidden) {\n            return;\n          }\n\n          // hide toggle button if there is only one filter and the last one\n          if (index !== this.filterItems[prop].length - 1) {\n            andOrButton = (\n              <div onClick={() => this.toggleFilterAndOr(filter.id)}>\n                <AndOrButton\n                  text={filter.relation === 'and' ? capts.and : capts.or}\n                />\n              </div>\n            );\n          }\n\n          return (\n            <div key={filter.id} class={FILTER_LIST_CLASS}>\n              <div class={{ 'select-input': true }}>\n                <select\n                  class=\"select-css select-filter\"\n                  onChange={e => this.onFilterTypeChange(e, prop, index)}\n                >\n                  {this.renderSelectOptions(\n                    this.filterItems[prop][index].type,\n                    true,\n                  )}\n                </select>\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\n                <div onClick={() => this.onRemoveFilter(filter.id)}>\n                  <TrashButton />\n                </div>\n              </div>\n              <div>{this.renderExtra(prop, index)}</div>\n            </div>\n          );\n        })}\n\n        {propFilters.filter(f => !f.hidden).length > 0 ? <div class=\"add-filter-divider\" /> : ''}\n      </div>\n    );\n  }\n\n  private autoCorrect(el?: HTMLElement | null) {\n    if (!el) {\n      return;\n    }\n    const pos = el.getBoundingClientRect();\n    const maxLeft = window.innerWidth - pos.width;\n\n    if (pos.left > maxLeft && el.offsetLeft) {\n      el.style.left = `${maxLeft - (el.parentElement?.getBoundingClientRect().left ?? 0)}px`;\n    }\n  }\n\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\n    if (!(e.target instanceof HTMLSelectElement)) {\n      return;\n    }\n    this.filterItems[prop][index].type = e.target.value as FilterType;\n\n    // this re-renders the input to know if we need extra input\n    this.filterId++;\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById(\n        'filter-input-' + this.filterItems[prop][index].id,\n      );\n      if (input instanceof HTMLInputElement) {\n        input.focus();\n      }\n    }, 0);\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private debouncedApplyFilter = debounce(() => {\n    this.filterChange.emit(this.filterItems);\n  }, 400);\n\n  private onAddNewFilter(e: Event) {\n    const el = e.target as HTMLSelectElement;\n    this.currentFilterType = el.value as FilterType;\n    this.addNewFilterToProp();\n\n    // reset value after adding new filter\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\n    if (select) {\n      select.value = defaultType;\n      this.currentFilterType = defaultType;\n    }\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private addNewFilterToProp() {\n    const prop = this.changes?.prop;\n    if (!(prop || prop === 0)) return;\n\n    if (!this.filterItems[prop]) {\n      this.filterItems[prop] = [];\n    }\n\n    if (this.currentFilterType === 'none') return;\n\n    this.filterId++;\n    this.currentFilterId = this.filterId;\n\n    this.filterItems[prop].push({\n      id: this.currentFilterId,\n      type: this.currentFilterType,\n      value: '',\n      relation: 'and',\n    });\n\n    // adding setTimeout will wait for the next tick DOM update then focus on input\n    setTimeout(() => {\n      const input = document.getElementById(\n        'filter-input-' + this.currentFilterId,\n      ) as HTMLInputElement;\n      if (input) input.focus();\n    }, 0);\n  }\n\n  private onUserInput(index: number, prop: ColumnProp, event: Event) {\n    // update the value of the filter item\n    this.filterItems[prop][index].value = (\n      event.target as HTMLInputElement\n    ).value;\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private onKeyDown(e: KeyboardEvent) {\n    if (e.key.toLowerCase() === 'enter') {\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\n      if (select) {\n        select.value = defaultType;\n        this.currentFilterType = defaultType;\n        this.addNewFilterToProp();\n        select.focus();\n      }\n      return;\n    }\n    // keep event local, don't escalate farther to dom\n    e.stopPropagation();\n  }\n\n  private onSave() {\n    this.filterChange.emit(this.filterItems);\n  }\n\n  private onCancel() {\n    this.changes = undefined;\n  }\n\n  private onReset() {\n    this.assertChanges();\n\n    this.resetChange.emit(this.changes?.prop);\n\n    // this updates the DOM which is used by getFilterItemsList() key\n    this.filterId++;\n  }\n\n  private onRemoveFilter(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes?.prop;\n\n    const items = this.filterItems[prop ?? ''];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n    items.splice(index, 1);\n\n    // let's remove the prop if no more filters so the filter icon will be removed\n    if (items.length === 0) delete this.filterItems[prop ?? ''];\n\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private toggleFilterAndOr(id: number) {\n    this.assertChanges();\n\n    // this is for reactivity issues for getFilterItemsList()\n    this.filterId++;\n\n    const prop = this.changes?.prop;\n\n    const items = this.filterItems[prop ?? ''];\n    if (!items) return;\n\n    const index = items.findIndex(d => d.id === id);\n    if (index === -1) return;\n\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\n    if (!this.disableDynamicFiltering) {\n      this.debouncedApplyFilter();\n    }\n  }\n\n  private assertChanges() {\n    if (!this.changes) {\n      throw new Error('Changes required per edit');\n    }\n  }\n\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\n    if (!this.changes) {\n      return;\n    }\n    const options: VNode[] = [];\n    const prop = this.changes.prop;\n\n    const hidden = new Set<string>();\n    Object.entries(this.filterItems).forEach(([_, values]) => {\n      values.forEach((filter) => {\n        if (filter.hidden) {\n          hidden.add(filter.type);\n        }\n      })\n    });\n\n    if (!isDefaultTypeRemoved) {\n      const capts = Object.assign(\n        this.filterCaptionsInternal,\n        this.filterCaptions,\n      );\n\n      options.push(\n        <option\n          selected={this.currentFilterType === defaultType}\n          value={defaultType}\n        >\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0\n            ? capts.add\n            : this.filterNames[defaultType]}\n        </option>,\n      );\n    }\n\n    for (let gIndex in this.changes.filterTypes) {\n      const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));\n      if (group.length) {\n        options.push(\n          ...group.map(k => (\n            <option value={k} selected={type === k}>\n              {this.filterNames[k]}\n            </option>\n          )),\n        );\n        options.push(<option disabled></option>);\n      }\n    }\n    return options;\n  }\n\n  renderExtra(prop: ColumnProp, index: number) {\n    const currentFilter = this.filterItems[prop];\n\n    if (!currentFilter) return '';\n\n    if (this.filterEntities[currentFilter[index].type].extra !== 'input')\n      return '';\n\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n\n    return (\n      <input\n        id={`filter-input-${currentFilter[index].id}`}\n        placeholder={capts.placeholder}\n        type=\"text\"\n        value={currentFilter[index].value}\n        onInput={this.onUserInput.bind(this, index, prop)}\n        onKeyDown={e => this.onKeyDown(e)}\n      />\n    );\n  }\n\n  render() {\n    if (!this.changes) {\n      return <Host style={{ display: 'none' }}></Host>;\n    }\n    const style = {\n      display: 'block',\n      left: `${this.changes.x}px`,\n      top: `${this.changes.y}px`,\n    };\n\n    const capts = Object.assign(\n      this.filterCaptionsInternal,\n      this.filterCaptions,\n    );\n\n    return (\n      <Host\n        style={style}\n        ref={el => {\n          this.changes?.autoCorrect && this.autoCorrect(el);\n        }}\n      >\n        <slot slot=\"header\" />\n        { this.changes.extraContent?.(this.changes) || '' }\n\n        { this.changes?.hideDefaultFilters !== true && (\n          [\n            <label>{capts.title}</label>,\n            <div class=\"filter-holder\">{this.getFilterItemsList()}</div>,\n            <div class=\"add-filter\">\n              <select\n                id={FILTER_ID}\n                class=\"select-css\"\n                onChange={e => this.onAddNewFilter(e)}\n              >\n                {this.renderSelectOptions(this.currentFilterType)}\n              </select>\n            </div>\n          ]\n        )}\n\n        <slot />\n        <div class=\"filter-actions\">\n          {this.disableDynamicFiltering && [\n            <button\n              id=\"revo-button-save\"\n              aria-label=\"save\"\n              class=\"revo-button green\"\n              onClick={() => this.onSave()}\n            >\n              {capts.save}\n            </button>,\n            <button\n              id=\"revo-button-ok\"\n              aria-label=\"ok\"\n              class=\"revo-button green\"\n              onClick={() => this.onCancel()}\n            >\n              {capts.cancel}\n            </button>,\n          ]}\n          {!this.disableDynamicFiltering && [\n            <button\n              id=\"revo-button-ok\"\n              aria-label=\"ok\"\n              class=\"revo-button green\"\n              onClick={() => this.onCancel()}\n            >\n              {capts.ok}\n            </button>,\n\n            <button\n              id=\"revo-button-reset\"\n              aria-label=\"reset\"\n              class=\"revo-button outline\"\n              onClick={() => this.onReset()}\n            >\n              {capts.reset}\n            </button>,\n          ]}\n        </div>\n        <slot slot=\"footer\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/revo-grid/throttle-dec28f5b.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import{q as t}from"./dimension.helpers-5567e424.js";import{d as i,a as r}from"./debounce-b3166f78.js";const s={contentSize:0,clientSize:0,virtualSize:0,maxSize:0};const e=-1;function n(t,i,r=0){if(r>t){return 0}return t+(r?i-r:0)}class o{constructor(t){this.cfg=t;this.preventArtificialScroll={rgRow:null,rgCol:null};this.previousScroll={rgRow:e,rgCol:e};this.params={rgRow:Object.assign({},s),rgCol:Object.assign({},s)}}setParams(t,i){const r=n(t.contentSize,t.clientSize,t.virtualSize);this.params[i]=Object.assign(Object.assign({},t),{maxSize:r-t.clientSize,virtualContentSize:r})}async setScroll(t){this.cancelScroll(t.dimension);const i=new Promise(((i,r)=>{if(this.cfg.skipAnimationFrame){return i()}const s=window.requestAnimationFrame((()=>{i()}));this.preventArtificialScroll[t.dimension]=r.bind(null,s)}));try{await i;const r=this.getParams(t.dimension);t.coordinate=Math.ceil(t.coordinate);this.previousScroll[t.dimension]=this.wrapCoordinate(t.coordinate,r);this.preventArtificialScroll[t.dimension]=null;this.cfg.applyScroll(Object.assign(Object.assign({},t),{coordinate:r.virtualSize?this.convert(t.coordinate,r,false):t.coordinate}))}catch(t){window.cancelAnimationFrame(t)}}scroll(t,i,r=false,s,n=false){this.cancelScroll(i);if(!r&&this.previousScroll[i]===t){this.previousScroll[i]=e;return}const o=this.getParams(i);this.cfg.runScroll({dimension:i,coordinate:o.virtualSize?this.convert(t,o):t,delta:s,outside:n})}getParams(t){return this.params[t]}wrapCoordinate(t,i){if(t<0){return e}if(typeof i.maxSize==="number"&&t>i.maxSize){return i.maxSize}return t}cancelScroll(t){var i,r;(r=(i=this.preventArtificialScroll)[t])===null||r===void 0?void 0:r.call(i);this.preventArtificialScroll[t]=null}convert(i,r,s=true){var e;const n=r.clientSize;const o=[0,((e=r.virtualContentSize)!==null&&e!==void 0?e:n)-n];const a=[0,r.contentSize-r.virtualSize];if(s){return t(i,o,a)}return t(i,a,o)}}class a{constructor(t=10){this.scrollThrottling=t;this.mouseWheelScrollTimestamp={rgCol:0,rgRow:0};this.lastKnownScrollCoordinate={rgCol:0,rgRow:0}}setCoordinate(t){this.lastKnownScrollCoordinate[t.dimension]=t.coordinate}latestScrollUpdate(t){this.mouseWheelScrollTimestamp[t]=(new Date).getTime()}isReady(t,i){const r=(new Date).getTime()-this.mouseWheelScrollTimestamp[t];return r>this.scrollThrottling&&i!==this.lastKnownScrollCoordinate[t]}}var c="Expected a function";function l(t,s,e){var n=true,o=true;if(typeof t!="function"){throw new TypeError(c)}if(r(e)){n="leading"in e?!!e.leading:n;o="trailing"in e?!!e.trailing:o}return i(t,s,{leading:n,maxWait:s,trailing:o})}export{a as L,o as a,n as g,l as t};
+//# sourceMappingURL=throttle-dec28f5b.js.map

package/dist/revo-grid/throttle-dec28f5b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialParams","contentSize","clientSize","virtualSize","maxSize","NO_COORDINATE","getContentSize","LocalScrollService","constructor","cfg","this","preventArtificialScroll","rgRow","rgCol","previousScroll","params","Object","assign","setParams","dimension","virtualContentSize","setScroll","e","cancelScroll","frameAnimation","Promise","resolve","reject","skipAnimationFrame","animationId","window","requestAnimationFrame","bind","getParams","coordinate","Math","ceil","wrapCoordinate","applyScroll","convert","id","cancelAnimationFrame","scroll","force","delta","outside","param","runScroll","c","_b","_a","call","pos","toReal","minRange","from","to","scaleValue","LocalScrollTimer","scrollThrottling","mouseWheelScrollTimestamp","lastKnownScrollCoordinate","setCoordinate","latestScrollUpdate","Date","getTime","isReady","type","change","FUNC_ERROR_TEXT","throttle","func","wait","options","leading","trailing","TypeError","isObject","debounce","maxWait"],"sources":["src/services/local.scroll.service.ts","src/services/local.scroll.timer.ts","node_modules/lodash/throttle.js"],"sourcesContent":["import type { DimensionType, ViewPortScrollEvent } from '@type';\nimport { scaleValue } from '../utils';\n\ninterface Config {\n  skipAnimationFrame?: boolean;\n  // scroll event inited and direction cached\n  // scrollingService.proxyScroll get tiggered\n  // setScroll event called from scrollingService\n  runScroll(e: ViewPortScrollEvent): void;\n  // all operation finished, apply scroll values\n  applyScroll(e: ViewPortScrollEvent): void;\n}\n\ntype Params = {\n  contentSize: number;\n  virtualContentSize?: number;\n  clientSize: number;\n  virtualSize: number;\n  maxSize?: number;\n};\n\nconst initialParams: Params = {\n  contentSize: 0,\n  clientSize: 0,\n  virtualSize: 0,\n  maxSize: 0,\n};\nconst NO_COORDINATE = -1;\n\n/**\n * Based on content size, client size and virtual size\n * return full size\n */\nexport function getContentSize(\n  contentSize: number,\n  clientSize: number,\n  virtualSize = 0,\n): number {\n  if (virtualSize > contentSize) {\n    return 0;\n  }\n  return contentSize + (virtualSize ? clientSize - virtualSize : 0);\n}\n\nexport default class LocalScrollService {\n  private preventArtificialScroll: Record<DimensionType, (() => void) | null> = {\n    rgRow: null,\n    rgCol: null,\n  };\n  // to check if scroll changed\n  private previousScroll: Record<DimensionType, number> = {\n    rgRow: NO_COORDINATE,\n    rgCol: NO_COORDINATE,\n  };\n  private params: Record<DimensionType, Params> = {\n    rgRow: { ...initialParams },\n    rgCol: { ...initialParams },\n  };\n\n  constructor(private cfg: Config) {}\n\n  setParams(params: Params, dimension: DimensionType) {\n    const virtualContentSize = getContentSize(\n      params.contentSize,\n      params.clientSize,\n      params.virtualSize,\n    );\n    this.params[dimension] = {\n      ...params,\n      maxSize: virtualContentSize - params.clientSize,\n      virtualContentSize,\n    };\n  }\n\n  // apply scroll values after scroll done\n  async setScroll(e: ViewPortScrollEvent) {\n    this.cancelScroll(e.dimension);\n\n    // start frame animation\n    const frameAnimation = new Promise<void>((resolve, reject) => {\n      // for example safari desktop has issues with animation frame\n      if (this.cfg.skipAnimationFrame) {\n        return resolve();\n      }\n      const animationId = window.requestAnimationFrame(() => {\n        resolve();\n      });\n      this.preventArtificialScroll[e.dimension] = reject.bind(\n        null,\n        animationId,\n      );\n    });\n\n    try {\n      await frameAnimation;\n      const params = this.getParams(e.dimension);\n      e.coordinate = Math.ceil(e.coordinate);\n      this.previousScroll[e.dimension] = this.wrapCoordinate(\n        e.coordinate,\n        params,\n      );\n      this.preventArtificialScroll[e.dimension] = null;\n      this.cfg.applyScroll({\n        ...e,\n        coordinate: params.virtualSize\n          ? this.convert(e.coordinate, params, false)\n          : e.coordinate,\n      });\n    } catch (id) {\n      window.cancelAnimationFrame(id);\n    }\n  }\n\n  /**\n   * On scroll event started\n   */\n  scroll(\n    coordinate: number,\n    dimension: DimensionType,\n    force = false,\n    delta?: number,\n    outside = false,\n  ) {\n    // cancel all previous scrolls for same dimension\n    this.cancelScroll(dimension);\n\n    // drop if no change\n    if (!force && this.previousScroll[dimension] === coordinate) {\n      this.previousScroll[dimension] = NO_COORDINATE;\n      return;\n    }\n\n    const param = this.getParams(dimension);\n    // let component know about scroll event started\n    this.cfg.runScroll({\n      dimension: dimension,\n      coordinate: param.virtualSize\n        ? this.convert(coordinate, param)\n        : coordinate,\n      delta,\n      outside,\n    });\n  }\n\n  private getParams(dimension: DimensionType): Params {\n    return this.params[dimension];\n  }\n\n  // check if scroll outside of region to avoid looping\n  private wrapCoordinate(c: number, param: Params): number {\n    if (c < 0) {\n      return NO_COORDINATE;\n    }\n\n    if (typeof param.maxSize === 'number' && c > param.maxSize) {\n      return param.maxSize;\n    }\n    return c;\n  }\n\n  // prevent already started scroll, performance optimization\n  private cancelScroll(dimension: DimensionType) {\n    this.preventArtificialScroll[dimension]?.();\n    this.preventArtificialScroll[dimension] = null;\n  }\n\n  /* convert virtual to real and back, scale range */\n  private convert(pos: number, param: Params, toReal = true): number {\n    const minRange = param.clientSize;\n    const from: [number, number] = [0, (param.virtualContentSize ?? minRange) - minRange];\n    const to: [number, number] = [0, param.contentSize - param.virtualSize];\n    if (toReal) {\n      return scaleValue(pos, from, to);\n    }\n    return scaleValue(pos, to, from);\n  }\n}\n","import type { DimensionType } from '@type';\n/**\n * Apply changes only if mousewheel event happened some time ago (scrollThrottling)\n */\nexport class LocalScrollTimer {\n  /**\n   * Last mw event time for trigger scroll function below\n   * If mousewheel function was ignored we still need to trigger render\n   */\n  private mouseWheelScrollTimestamp: Record<DimensionType, number> = {\n    rgCol: 0,\n    rgRow: 0,\n  };\n  private lastKnownScrollCoordinate: Record<DimensionType, number> = {\n    rgCol: 0,\n    rgRow: 0,\n  };\n\n  constructor(private scrollThrottling = 10) {}\n\n  setCoordinate(e: { dimension: DimensionType; coordinate: number }) {\n    this.lastKnownScrollCoordinate[e.dimension] = e.coordinate;\n  }\n\n  /**\n   * Remember last mw event time\n   */\n  latestScrollUpdate(dimension: DimensionType) {\n    this.mouseWheelScrollTimestamp[dimension] = new Date().getTime();\n  }\n\n  /**\n   * Check if scroll is ready to accept new value\n   */\n  isReady(type: DimensionType, coordinate: number) {\n    const change = new Date().getTime() - this.mouseWheelScrollTimestamp[type];\n    // apply after throttling\n    return (\n      change > this.scrollThrottling &&\n      coordinate !== this.lastKnownScrollCoordinate[type]\n    );\n  }\n}\n","import debounce from './debounce.js';\nimport isObject from './isObject.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nexport default throttle;\n"],"mappings":"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","ignoreList":[]}