@revolist/revogrid 4.0.28 → 4.0.30

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

@@ -1 +1 @@
-{"version":3,"names":["PADDING_DEPTH","RowRenderer","rowClass","index","size","start","depth","cells","props","Object","assign","DATA_ROW","h","class","style","height","transform","paddingLeft","undefined","expandEvent","e","model","virtualIndex","event","CustomEvent","GROUP_EXPAND_EVENT","detail","cancelable","bubbles","target","dispatchEvent","GroupingRowRenderer","itemIndex","hasExpand","groupingCustomRenderer","name","PSEUDO_GROUP_ITEM","expanded","GROUP_EXPANDED","parseInt","GROUP_DEPTH","onClick","GROUP_EXPAND_BTN","focusable","viewBox","fill","d","RowHighlightPlugin","constructor","this","currentRange","selectionChange","renderedRows","forEach","row","y","y1","$elm$","HTMLElement","classList","contains","ROW_FOCUSED_CLASS","remove","_a","$attrs$","includes","replace","get","attrs","add","isRowFocused","convertVNodeToHTML","parentHolder","redraw","Promise","resolve","vnode","document","createElement","appendChild","addEventListener","renderCell","v","els","template","push","providers","additionalData","column","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","DRAG_ICON_CLASS","getCellData","prop","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","data","viewport","viewportCol","dimension","dimensionRow","selection","rowSelectionStore","rangeUnsubscribe","call","onChange","rowHighlightPlugin","connectedCallback","disconnectedCallback","componentWillRender","all","jobsBeforeRender","componentDidRender","afterrender","columnsData","columns","length","rows","viewportRow","cols","rowsEls","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","isGrouping","rgCol","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","width","mergeProperties","cellProperties","cellTemplate","getRowClass","beforerowrender","node","item","colType","rowType","set","Host","beforeCellRender","getNative","require$$0","defineProperty","func","_defineProperty","baseAssignValue","object","key","value","configurable","enumerable","writable","_baseAssignValue","arrayAggregator","array","setter","iteratee","accumulator","_arrayAggregator","baseEach","baseAggregator","collection","_baseAggregator","require$$1","baseIteratee","require$$2","isArray","require$$3","createAggregator","initializer","_createAggregator","keyBy","result","keyBy_1","SortingSign","order","HeaderRenderer","p","cellClass","HEADER_CLASS","HEADER_SORTABLE_CLASS","sortable","dataProps","canResize","minWidth","minSize","MIN_COL_SIZE","maxWidth","_d","maxSize","active","onResize","onDoubleClick","range","x","x1","FOCUS_CLASS","HeaderCellRenderer","_e","canFilter","_f","filter","FilterButton","GroupHeaderRenderer","groupProps","group","ids","end","ColumnGroupsRenderer","groups","visibleProps","dimensionCol","groupRow","i","indexFirstVisibleCol","findIndex","id","colVisibleIndex","groupStartIndex","groupEndIndex","groupStart","getItemByIndex","groupEnd","changedX","HEADER_ROW_CLASS","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","beforeResize","headerresize","onResizeGroup","startIndex","endIndex","sizes","change","selectionStore","columnFilter","resizeHandler","headerdblClick","initialHeaderClick","state","groupingDepth","HEADER_ACTUAL_ROW_CLASS","async","resizeObserver","window","module","import","ResizeObserver","GridResizeService","el","events","resize","throttle","o","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","oldValY","contentHeight","oldValX","contentWidth","setScroll","localScrollTimer","latestScrollUpdate","localScrollService","changeScroll","silent","coordinate","verticalScroll","delta","horizontalScroll","scrollLeft","scrollTop","mousewheelVertical","verticalMouseWheel","mousewheelHorizontal","horizontalMouseWheel","scrollApply","applyOnScroll","onVerticalMouseWheel","onHorizontalMouseWheel","LocalScrollTimer","documentElement","LocalScrollService","runScroll","scrollViewport","applyScroll","setCoordinate","componentDidLoad","resizeService","entries","contentRect","header","clientHeight","footer","contentSize","scroll","noScroll","each","resizeViewport","rowHeader","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","silentScroll","outside","isReady","preventDefault","pos","VNodeToHtml","vnodes","visibility","position"],"sources":["src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/cell-renderer.tsx","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx","node_modules/lodash/_defineProperty.js","node_modules/lodash/_baseAssignValue.js","node_modules/lodash/_arrayAggregator.js","node_modules/lodash/_baseAggregator.js","node_modules/lodash/_createAggregator.js","node_modules/lodash/keyBy.js","src/plugins/sorting/sorting.sign.tsx","src/components/header/header-renderer.tsx","src/plugins/groupingColumn/headerGroupRenderer.tsx","src/plugins/groupingColumn/columnGroupsRenderer.tsx","src/components/header/revogr-header-style.scss?tag=revogr-header","src/components/header/revogr-header.tsx","src/utils/resize-observer.polifill.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx","src/components/vnode/vnode-converter.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem } from '@type';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  groupingCustomRenderer?: GroupLabelTemplateFunc;\n}\ntype Props = GroupRowPros & PositionItem;\n\nfunction expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  });\n  e.target.dispatchEvent(event);\n}\n\nconst GroupingRowRenderer = (props: Props) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\n  const name: string = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, { name, itemIndex, expanded, depth })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button class={{ [GROUP_EXPAND_BTN]: true }} onClick={e => expandEvent(e, model, itemIndex)}>\n        <svg aria-hidden=\"true\" style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }} focusable=\"false\" viewBox=\"0 0 448 512\">\n          <path\n            fill=\"currentColor\"\n            d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n          ></path>\n        </svg>\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\nexport default GroupingRowRenderer;\n","import { VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '@type';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { 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']) {\n  return new Promise<HTMLVnodeHtmlElementEventMap['html']>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  Providers,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  CellTemplate,\n} from '@type';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n} from '../../utils/consts';\n\nimport { getCellData, isRowDragService } from './column.service';\n\ninterface RenderProps {\n  model: ColumnDataSchemaModel;\n  providers: Providers;\n  template?: CellTemplate;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  if (v.template) {\n    els.push(\n      v.template(h, { ...v.model, providers: v.providers }, v.additionalData),\n    );\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.model.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.model);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.model.column.rowDrag &&\n      isRowDragService(v.model.column.rowDrag, v.model)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell.emit({\n              originalEvent,\n              model: v.model,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n\n    els.push(`${getCellData(v.model.model[v.model.prop])}`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","revogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n\n    &.groupingRow {\n      font-weight: 600;\n      text-align: left;\n\n      .group-expand {\n        width: 25px;\n        height: 100%;\n        max-height: 25px;\n        margin-right: 2px;\n        background-color: transparent;\n        border-color: transparent;\n\n        svg {\n          width: 7px;\n        }\n      }\n    }\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 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\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  VNode,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport {\n  DATA_COL,\n  DATA_ROW,\n  ROW_FOCUSED_CLASS,\n} from '../../utils/consts';\n\nimport { DSourceState, getSourceItem } from '@store';\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport { DimensionCols, DimensionRows } from '@type';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  Observable,\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  VirtualPositionItem,\n} from '@type';\nimport { RangeArea, SelectionStoreState } from '@type';\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>[] = [];\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\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>;\n\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\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('range', (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    return Promise.all(this.jobsBeforeRender);\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    const columnsData = this.columnService.columns;\n    if (!columnsData.length) {\n      return;\n    }\n    const rows = this.viewportRow.get('items');\n    if (!rows.length) {\n      return;\n    }\n    const cols = this.viewportCol.get('items');\n    if (!cols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\n    for (let rgRow of rows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      if (isGrouping(dataItem)) {\n        rowsEls.push(\n          <GroupingRowRenderer\n            {...rgRow}\n            index={rgRow.itemIndex}\n            model={dataItem}\n            groupingCustomRenderer={groupingCustomRenderer}\n            hasExpand={this.columnService.hasGrouping}\n          />,\n        );\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      for (let rgCol of cols) {\n        const model = this.columnService.rowDataModel(\n          rgRow.itemIndex,\n          rgCol.itemIndex,\n        );\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(model, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps },\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) {\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          model,\n          columnsData[columnProps.itemIndex]?.cellProperties,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        cells.push(\n          <CellRenderer\n            renderProps={{\n              model,\n              providers: this.providers,\n              template: columnsData[columnProps.itemIndex]?.cellTemplate,\n              additionalData: this.additionalData,\n              dragStartCell: this.dragStartCell,\n            }}\n            cellProps={props}\n          />,\n        );\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        dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    return (\n      <Host>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n  }\n\n  triggerBeforeCellRender(\n    model: ColumnDataSchemaModel,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    return this.beforeCellRender.emit({\n      column: { ...column },\n      row: { ...row },\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    });\n  }\n}\n","var getNative = require('./_getNative');\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nmodule.exports = defineProperty;\n","var defineProperty = require('./_defineProperty');\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\nmodule.exports = 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\nmodule.exports = arrayAggregator;\n","var baseEach = require('./_baseEach');\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\nmodule.exports = baseAggregator;\n","var arrayAggregator = require('./_arrayAggregator'),\n    baseAggregator = require('./_baseAggregator'),\n    baseIteratee = require('./_baseIteratee'),\n    isArray = require('./isArray');\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\nmodule.exports = createAggregator;\n","var baseAssignValue = require('./_baseAssignValue'),\n    createAggregator = require('./_createAggregator');\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\nmodule.exports = keyBy;\n","import { h } from '@stencil/core';\nimport { ColumnRegular } from '@type';\n\nexport const FILTER_BUTTON_CLASS = 'rv-filter';\nexport const FILTER_BUTTON_ACTIVE = 'active';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column.order} />;\n};\n","import { h, VNode } from '@stencil/core';\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { VirtualPositionItem, ColumnTemplateProp, InitialHeaderClick, CellProps } from '@type';\nimport { RangeArea } from '@type';\n\ntype Props = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data?: ColumnTemplateProp;\n  range?: RangeArea;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDoubleClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: Props): VNode => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    [HEADER_SORTABLE_CLASS]: !!p.data?.sortable,\n  };\n  if (p.data?.order) {\n    cellClass[p.data.order] = true;\n  }\n  const dataProps: CellProps & Partial<ResizeProps> = {\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: { width: `${p.column.size}px`, transform: `translateX(${p.column.start}px)` },\n    onResize: p.onResize,\n    onDoubleClick(originalEvent: MouseEvent) {\n      p.onDoubleClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n  };\n  if (p.range) {\n    if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {\n      if (typeof dataProps.class === 'object') {\n        dataProps.class[FOCUS_CLASS] = true;\n      }\n    }\n  }\n  return (\n    <HeaderCellRenderer data={p.data} props={dataProps} additionalData={p.additionalData}>\n      {p.data?.order ? <SortingSign column={p.data} /> : ''}\n      {p.canFilter && p.data?.filter !== false ? <FilterButton column={p.data} /> : ''}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport { Group } from '@store';\nimport { CellProps, Providers } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\nimport { DimensionCols } from '../../components';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../services/resizable.directive';\n\ntype Props<T> = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: Providers<T>;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX, 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","revogr-header {\n  position: relative;\n  z-index: 5;\n  display: block;\n  \n\n  .rgHeaderCell {\n    display: flex;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n    &.sortable {\n      cursor: pointer;\n    }\n\n    i {\n      &.asc,\n      &.desc {\n        &:after {\n          font-size: 13px;\n        }\n      }\n      &.asc {\n        &:after {\n          content: '↑';\n        }\n      }\n      &.desc {\n        &:after {\n          content: '↓';\n        }\n      }\n    }\n  }\n\n  .rgHeaderCell,\n  .grouped-cell {\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .header-rgRow {\n    display: block;\n    position: relative;\n\n    &.group {\n      z-index: 0;\n    }\n  }\n\n  .group-rgRow {\n    position: relative;\n  }\n\n  .rgHeaderCell {\n    &.active {\n      z-index: 10;\n\n      .resizable {\n        background-color: deepskyblue;\n      }\n    }\n    .header-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex-grow: 1;\n    }\n    .resizable {\n      display: block;\n      position: absolute;\n      z-index: 90;\n      touch-action: none;\n      user-select: none;\n      &:hover {\n        background-color: deepskyblue;\n      }\n    }\n    $size: 6px;\n    > .resizable-r {\n      cursor: ew-resize;\n      width: $size;\n      right: 0;\n      top: 0;\n      height: 100%;\n    }\n    > .resizable-rb {\n      cursor: se-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      bottom: 0;\n    }\n\n    > .resizable-b {\n      cursor: s-resize;\n      height: $size;\n      bottom: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-lb {\n      cursor: sw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      bottom: 0;\n    }\n\n    > .resizable-l {\n      cursor: w-resize;\n      width: $size;\n      left: 0;\n      height: 100%;\n      top: 0;\n    }\n\n    > .resizable-lt {\n      cursor: nw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      top: 0;\n    }\n\n    > .resizable-t {\n      cursor: n-resize;\n      height: $size;\n      top: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-rt {\n      cursor: ne-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      top: 0;\n    }\n  }\n  .rv-filter {\n    visibility: hidden;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n} from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Groups } from '@store';\nimport HeaderRenderer from './header-renderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\nimport { ResizeProps } from '../../services/resizable.directive';\nimport {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  Observable,\n  Providers,\n  ViewportState,\n  ViewSettingSizeProp,\n} from '@type';\nimport { DimensionCols } from '@type';\nimport { SelectionStoreState } from '@type';\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  // #endregion\n\n  @Element() element!: HTMLStencilElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  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      cells.push(\n        <HeaderRenderer\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          onDoubleClick={e => this.headerdblClick.emit(e)}\n          onClick={e => this.initialHeaderClick.emit(e)}\n          additionalData={this.additionalData}\n        />,\n      );\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    @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';\nimport each from 'lodash/each';\n\nimport GridResizeService from '../revoGrid/viewport.resize.service';\nimport LocalScrollService from '../../services/local.scroll.service';\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\nimport {\n  CONTENT_SLOT,\n  FOOTER_SLOT,\n  HEADER_SLOT,\n} from '../revoGrid/viewport.helpers';\nimport { DimensionCols, DimensionType } from '@type';\nimport { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from '@type';\n\ntype Delta = 'deltaX' | 'deltaY';\ntype LocalScrollEvent = {\n  preventDefault(): void;\n} & { [x in Delta]: number };\n\n/**\n * Viewport scroll component for RevoGrid\n * @slot - content\n * @slot header - header\n * @slot footer - footer\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll {\n  /**\n   * Enable row header\n  */\n  @Prop() readonly rowHeader: boolean;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  @Prop() colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Before scroll event\n   */\n  @Event({ eventName: 'scrollviewport', bubbles: true }) scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' }) resizeViewport: EventEmitter<ViewPortResizeEvent>;\n\n  /**\n   * Triggered on scroll change, can be used to get information about scroll visibility\n   */\n  @Event() scrollchange: EventEmitter<{\n    type: DimensionType;\n    hasScroll: boolean;\n  }>;\n\n  /**\n   * Silently scroll to coordinate\n   * Made to align negative coordinates for mobile devices\n  */\n  @Event({ eventName: 'scrollviewportsilent' }) silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  private verticalScroll: HTMLElement;\n  private header: HTMLElement;\n  private footer: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n\n  private resizeService: GridResizeService;\n  private localScrollService: LocalScrollService;\n  private localScrollTimer: LocalScrollTimer;\n\n\n  @Method() async setScroll(e: ViewPortScrollEvent) {\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\n    this.localScrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(\n    e: ViewPortScrollEvent,\n    silent = false,\n  ) {\n    if (silent) {\n      if (e.coordinate) {\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 null;\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 + 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            // 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            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 + this.footer.clientHeight;\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' ? true : false,\n          },\n        };\n        each(els, (item, dimension: DimensionType) => {\n          this.resizeViewport.emit({ dimension, size: item.size, rowHeader: this.rowHeader });\n          if (item.noScroll) {\n            return;\n          }\n          this.localScrollService?.scroll(item.scroll, 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;\n    // event reference for binding\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el.classList.add(`scroll-${type}`);\n    } else {\n      el.classList.remove(`scroll-${type}`);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.resizeService.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll.clientHeight,\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,\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    e.preventDefault?.();\n    const pos = this.verticalScroll.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    e.preventDefault?.();\n    const pos = this.horizontalScroll.scrollLeft + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: VNode[] }>;\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?.();\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":["PADDING_DEPTH","RowRenderer","rowClass","index","size","start","depth","cells","props","Object","assign","DATA_ROW","h","class","style","height","transform","paddingLeft","undefined","expandEvent","e","model","virtualIndex","event","CustomEvent","GROUP_EXPAND_EVENT","detail","cancelable","bubbles","target","dispatchEvent","GroupingRowRenderer","itemIndex","hasExpand","groupingCustomRenderer","name","PSEUDO_GROUP_ITEM","expanded","GROUP_EXPANDED","parseInt","GROUP_DEPTH","onClick","GROUP_EXPAND_BTN","focusable","viewBox","fill","d","RowHighlightPlugin","constructor","this","currentRange","selectionChange","renderedRows","forEach","row","y","y1","$elm$","HTMLElement","classList","contains","ROW_FOCUSED_CLASS","remove","_a","$attrs$","includes","replace","get","attrs","add","isRowFocused","convertVNodeToHTML","parentHolder","redraw","Promise","resolve","vnode","document","createElement","appendChild","addEventListener","renderCell","v","els","template","push","providers","additionalData","column","rowDrag","isRowDragService","DRAGGABLE_CLASS","onMouseDown","originalEvent","dragStartCell","emit","DRAG_ICON_CLASS","getCellData","prop","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","data","viewport","viewportCol","dimension","dimensionRow","selection","rowSelectionStore","rangeUnsubscribe","call","onChange","rowHighlightPlugin","connectedCallback","disconnectedCallback","componentWillRender","all","jobsBeforeRender","componentDidRender","afterrender","columnsData","columns","length","rows","viewportRow","cols","rowsEls","groupDepth","hasGrouping","rgRow","dataItem","getSourceItem","isGrouping","rgCol","rowDataModel","cellEvent","triggerBeforeCellRender","defaultPrevented","columnProps","rowProps","defaultProps","DATA_COL","width","mergeProperties","cellProperties","cellTemplate","getRowClass","beforerowrender","node","item","colType","rowType","set","Host","beforeCellRender","getNative","require$$0","defineProperty","func","_defineProperty","baseAssignValue","object","key","value","configurable","enumerable","writable","_baseAssignValue","arrayAggregator","array","setter","iteratee","accumulator","_arrayAggregator","baseEach","baseAggregator","collection","_baseAggregator","require$$1","baseIteratee","require$$2","isArray","require$$3","createAggregator","initializer","_createAggregator","keyBy","result","keyBy_1","SortingSign","order","HeaderRenderer","p","cellClass","HEADER_CLASS","HEADER_SORTABLE_CLASS","sortable","dataProps","canResize","minWidth","minSize","MIN_COL_SIZE","maxWidth","_d","maxSize","active","onResize","onDoubleClick","range","x","x1","FOCUS_CLASS","HeaderCellRenderer","_e","canFilter","_f","filter","FilterButton","GroupHeaderRenderer","groupProps","group","ids","end","ColumnGroupsRenderer","groups","visibleProps","dimensionCol","groupRow","i","indexFirstVisibleCol","findIndex","id","colVisibleIndex","groupStartIndex","groupEndIndex","groupStart","getItemByIndex","groupEnd","changedX","HEADER_ROW_CLASS","revogrHeaderStyleCss","RevogrHeaderStyle0","RevogrHeaderComponent","beforeResize","headerresize","onResizeGroup","startIndex","endIndex","sizes","change","selectionStore","columnFilter","resizeHandler","headerdblClick","initialHeaderClick","state","groupingDepth","HEADER_ACTUAL_ROW_CLASS","async","resizeObserver","window","module","import","ResizeObserver","GridResizeService","el","events","resize","throttle","o","init","observe","disconnect","revogrViewportScrollStyleCss","RevogrViewportScrollStyle0","RevogrViewportScroll","oldValY","contentHeight","oldValX","contentWidth","setScroll","localScrollTimer","latestScrollUpdate","localScrollService","changeScroll","silent","coordinate","verticalScroll","delta","horizontalScroll","scrollLeft","scrollTop","mousewheelVertical","verticalMouseWheel","mousewheelHorizontal","horizontalMouseWheel","scrollApply","applyOnScroll","onVerticalMouseWheel","onHorizontalMouseWheel","LocalScrollTimer","documentElement","LocalScrollService","runScroll","scrollViewport","applyScroll","setCoordinate","componentDidLoad","resizeService","entries","contentRect","header","clientHeight","footer","contentSize","scroll","noScroll","each","resizeViewport","rowHeader","setScrollVisibility","innerContentSize","hasScroll","scrollchange","setParams","clientSize","virtualSize","clientWidth","onWheel","onScroll","ref","HEADER_SLOT","CONTENT_SLOT","FOOTER_SLOT","silentScroll","outside","isReady","preventDefault","pos","VNodeToHtml","vnodes","visibility","position"],"sources":["src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/cell-renderer.tsx","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx","node_modules/lodash/_defineProperty.js","node_modules/lodash/_baseAssignValue.js","node_modules/lodash/_arrayAggregator.js","node_modules/lodash/_baseAggregator.js","node_modules/lodash/_createAggregator.js","node_modules/lodash/keyBy.js","src/plugins/sorting/sorting.sign.tsx","src/components/header/header-renderer.tsx","src/plugins/groupingColumn/headerGroupRenderer.tsx","src/plugins/groupingColumn/columnGroupsRenderer.tsx","src/components/header/revogr-header-style.scss?tag=revogr-header","src/components/header/revogr-header.tsx","src/utils/resize-observer.polifill.ts","src/components/revoGrid/viewport.resize.service.ts","src/components/scroll/revogr-viewport-scroll-style.scss?tag=revogr-viewport-scroll","src/components/scroll/revogr-viewport-scroll.tsx","src/components/vnode/vnode-converter.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer, { RowProps } from '../../components/data/row-renderer';\nimport { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';\nimport { GroupLabelTemplateFunc } from './grouping.row.types';\nimport { DataType, PositionItem } from '@type';\n\ninterface GroupRowPros extends RowProps {\n  model: DataType;\n  hasExpand: boolean;\n  groupingCustomRenderer?: GroupLabelTemplateFunc;\n}\ntype Props = GroupRowPros & PositionItem;\n\nfunction expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  });\n  e.target.dispatchEvent(event);\n}\n\nconst GroupingRowRenderer = (props: Props) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\n  const name: string = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, { name, itemIndex, expanded, depth })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button class={{ [GROUP_EXPAND_BTN]: true }} onClick={e => expandEvent(e, model, itemIndex)}>\n        <svg aria-hidden=\"true\" style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }} focusable=\"false\" viewBox=\"0 0 448 512\">\n          <path\n            fill=\"currentColor\"\n            d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n          ></path>\n        </svg>\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\nexport default GroupingRowRenderer;\n","import { VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '@type';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { 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']) {\n  return new Promise<HTMLVnodeHtmlElementEventMap['html']>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  Providers,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  CellTemplate,\n} from '@type';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n} from '../../utils/consts';\n\nimport { getCellData, isRowDragService } from './column.service';\n\ninterface RenderProps {\n  model: ColumnDataSchemaModel;\n  providers: Providers;\n  template?: CellTemplate;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  if (v.template) {\n    els.push(\n      v.template(h, { ...v.model, providers: v.providers }, v.additionalData),\n    );\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.model.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.model);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.model.column.rowDrag &&\n      isRowDragService(v.model.column.rowDrag, v.model)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell.emit({\n              originalEvent,\n              model: v.model,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n\n    els.push(`${getCellData(v.model.model[v.model.prop])}`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","revogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n\n    &.groupingRow {\n      font-weight: 600;\n      text-align: left;\n\n      .group-expand {\n        width: 25px;\n        height: 100%;\n        max-height: 25px;\n        margin-right: 2px;\n        background-color: transparent;\n        border-color: transparent;\n\n        svg {\n          width: 7px;\n        }\n      }\n    }\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 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\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  VNode,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport { DATA_COL, DATA_ROW, ROW_FOCUSED_CLASS } from '../../utils/consts';\n\nimport { DSourceState, getSourceItem } from '@store';\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport { DimensionCols, DimensionRows } from '@type';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport {\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  VirtualPositionItem,\n  RangeArea,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n/**\n * This component is responsible for rendering data\n * Rows, columns, groups and cells\n */\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  // #region Properties\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * Range allowed\n   */\n  @Prop() range: boolean;\n\n  /**\n   * Defines property from which to read row class\n   */\n  @Prop() rowClass: string;\n  /**\n   * Additional data to pass to renderer\n   * Used in plugins such as vue or react to pass root app entity to cells\n   */\n  @Prop() additionalData: any;\n  /** Stores */\n  /** Selection, range, focus for row selection */\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\n  /** Viewport Y */\n  @Prop() viewportRow!: Observable<ViewportState>;\n  /** Viewport X */\n  @Prop() viewportCol!: Observable<ViewportState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  /**\n   * Column source\n   */\n  @Prop() colData: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Row data type\n   */\n  @Prop({ reflect: true }) type!: DimensionRows;\n\n  /**\n   * Column data type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Prevent rendering until job is done.\n   * Can be used for initial rendering performance improvement.\n   * When several plugins require initial rendering this will prevent double initial rendering.\n   */\n  @Prop() jobsBeforeRender: Promise<any>[] = [];\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\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>;\n\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    return Promise.all(this.jobsBeforeRender);\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    const columnsData = this.columnService.columns;\n    if (!columnsData.length) {\n      return;\n    }\n    const rows = this.viewportRow.get('items');\n    if (!rows.length) {\n      return;\n    }\n    const cols = this.viewportCol.get('items');\n    if (!cols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    const depth = this.dataStore.get('groupingDepth');\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\n    for (let rgRow of rows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      if (isGrouping(dataItem)) {\n        rowsEls.push(\n          <GroupingRowRenderer\n            {...rgRow}\n            index={rgRow.itemIndex}\n            model={dataItem}\n            groupingCustomRenderer={groupingCustomRenderer}\n            hasExpand={this.columnService.hasGrouping}\n          />,\n        );\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      for (let rgCol of cols) {\n        const model = this.columnService.rowDataModel(\n          rgRow.itemIndex,\n          rgCol.itemIndex,\n        );\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(model, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps },\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) {\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          model,\n          columnsData[columnProps.itemIndex]?.cellProperties,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        cells.push(\n          <CellRenderer\n            renderProps={{\n              model,\n              providers: this.providers,\n              template: columnsData[columnProps.itemIndex]?.cellTemplate,\n              additionalData: this.additionalData,\n              dragStartCell: this.dragStartCell,\n            }}\n            cellProps={props}\n          />,\n        );\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        dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    return (\n      <Host>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n  }\n\n  triggerBeforeCellRender(\n    model: ColumnDataSchemaModel,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    return this.beforeCellRender.emit({\n      column: { ...column },\n      row: { ...row },\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    });\n  }\n}\n","var getNative = require('./_getNative');\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nmodule.exports = defineProperty;\n","var defineProperty = require('./_defineProperty');\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\nmodule.exports = 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\nmodule.exports = arrayAggregator;\n","var baseEach = require('./_baseEach');\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\nmodule.exports = baseAggregator;\n","var arrayAggregator = require('./_arrayAggregator'),\n    baseAggregator = require('./_baseAggregator'),\n    baseIteratee = require('./_baseIteratee'),\n    isArray = require('./isArray');\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\nmodule.exports = createAggregator;\n","var baseAssignValue = require('./_baseAssignValue'),\n    createAggregator = require('./_createAggregator');\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\nmodule.exports = keyBy;\n","import { h } from '@stencil/core';\nimport { ColumnRegular } from '@type';\n\nexport const FILTER_BUTTON_CLASS = 'rv-filter';\nexport const FILTER_BUTTON_ACTIVE = 'active';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column.order} />;\n};\n","import { h, VNode } from '@stencil/core';\nimport { FilterButton } from '../../plugins/filter/filter.button';\nimport { SortingSign } from '../../plugins/sorting/sorting.sign';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { DATA_COL, FOCUS_CLASS, HEADER_CLASS, HEADER_SORTABLE_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from './header-cell-renderer';\nimport { VirtualPositionItem, ColumnTemplateProp, InitialHeaderClick, CellProps } from '@type';\nimport { RangeArea } from '@type';\n\ntype Props = {\n  column: VirtualPositionItem;\n  additionalData: any;\n  data?: ColumnTemplateProp;\n  range?: RangeArea;\n  canResize?: boolean;\n  canFilter?: boolean;\n  onResize?(e: ResizeEvent): void;\n  onClick?(data: InitialHeaderClick): void;\n  onDoubleClick?(data: InitialHeaderClick): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst HeaderRenderer = (p: Props): VNode => {\n  const cellClass: { [key: string]: boolean } = {\n    [HEADER_CLASS]: true,\n    [HEADER_SORTABLE_CLASS]: !!p.data?.sortable,\n  };\n  if (p.data?.order) {\n    cellClass[p.data.order] = true;\n  }\n  const dataProps: CellProps & Partial<ResizeProps> = {\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: { width: `${p.column.size}px`, transform: `translateX(${p.column.start}px)` },\n    onResize: p.onResize,\n    onDoubleClick(originalEvent: MouseEvent) {\n      p.onDoubleClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n    onClick(originalEvent: MouseEvent) {\n      if (originalEvent.defaultPrevented || !p.onClick) {\n        return;\n      }\n      p.onClick({ column: p.data, index: p.column.itemIndex, originalEvent });\n    },\n  };\n  if (p.range) {\n    if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {\n      if (typeof dataProps.class === 'object') {\n        dataProps.class[FOCUS_CLASS] = true;\n      }\n    }\n  }\n  return (\n    <HeaderCellRenderer data={p.data} props={dataProps} additionalData={p.additionalData}>\n      {p.data?.order ? <SortingSign column={p.data} /> : ''}\n      {p.canFilter && p.data?.filter !== false ? <FilterButton column={p.data} /> : ''}\n    </HeaderCellRenderer>\n  );\n};\n\nexport default HeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport { Group } from '@store';\nimport { CellProps, Providers } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\nimport { DimensionCols } from '../../components';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: Providers<DimensionCols | 'rowHeaders'>;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n","import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../services/resizable.directive';\n\ntype Props<T> = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: Providers<T>;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX, 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","revogr-header {\n  position: relative;\n  z-index: 5;\n  display: block;\n  \n\n  .rgHeaderCell {\n    display: flex;\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n    &.sortable {\n      cursor: pointer;\n    }\n\n    i {\n      &.asc,\n      &.desc {\n        &:after {\n          font-size: 13px;\n        }\n      }\n      &.asc {\n        &:after {\n          content: '↑';\n        }\n      }\n      &.desc {\n        &:after {\n          content: '↓';\n        }\n      }\n    }\n  }\n\n  .rgHeaderCell,\n  .grouped-cell {\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .header-rgRow {\n    display: block;\n    position: relative;\n\n    &.group {\n      z-index: 0;\n    }\n  }\n\n  .group-rgRow {\n    position: relative;\n  }\n\n  .rgHeaderCell {\n    &.active {\n      z-index: 10;\n\n      .resizable {\n        background-color: deepskyblue;\n      }\n    }\n    .header-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex-grow: 1;\n    }\n    .resizable {\n      display: block;\n      position: absolute;\n      z-index: 90;\n      touch-action: none;\n      user-select: none;\n      &:hover {\n        background-color: deepskyblue;\n      }\n    }\n    $size: 6px;\n    > .resizable-r {\n      cursor: ew-resize;\n      width: $size;\n      right: 0;\n      top: 0;\n      height: 100%;\n    }\n    > .resizable-rb {\n      cursor: se-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      bottom: 0;\n    }\n\n    > .resizable-b {\n      cursor: s-resize;\n      height: $size;\n      bottom: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-lb {\n      cursor: sw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      bottom: 0;\n    }\n\n    > .resizable-l {\n      cursor: w-resize;\n      width: $size;\n      left: 0;\n      height: 100%;\n      top: 0;\n    }\n\n    > .resizable-lt {\n      cursor: nw-resize;\n      width: $size;\n      height: $size;\n      left: 0;\n      top: 0;\n    }\n\n    > .resizable-t {\n      cursor: n-resize;\n      height: $size;\n      top: 0;\n      width: 100%;\n      left: 0;\n    }\n\n    > .resizable-rt {\n      cursor: ne-resize;\n      width: $size;\n      height: $size;\n      right: 0;\n      top: 0;\n    }\n  }\n  .rv-filter {\n    visibility: hidden;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n} from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Groups } from '@store';\nimport HeaderRenderer from './header-renderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\nimport { ResizeProps } from '../../services/resizable.directive';\nimport {\n  ColumnRegular,\n  DimensionSettingsState,\n  InitialHeaderClick,\n  Providers,\n  ViewportState,\n  ViewSettingSizeProp,\n  DimensionCols,\n  SelectionStoreState,\n} from '@type';\nimport { Observable } from '../../utils/store.utils';\n\n@Component({\n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  // #region Properties\n  /**\n   * Stores\n   */\n  /** Viewport X */\n  @Prop() viewportCol: Observable<ViewportState>;\n  /** Dimension settings X */\n  @Prop() dimensionCol: Observable<DimensionSettingsState>;\n  /** Selection, range, focus */\n  @Prop() selectionStore: Observable<SelectionStoreState>;\n\n  /**\n   * Column groups\n   */\n  @Prop() groups: Groups;\n  /**\n   * Grouping depth, how many levels of grouping\n   */\n  @Prop() groupingDepth = 0;\n\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * If columns can be resized\n   */\n  @Prop() canResize: boolean;\n  /**\n   * Defines resize position\n   */\n  @Prop() resizeHandler: ResizeProps['active'];\n\n  /**\n   * Columns - defines an array of grid columns.\n   */\n  @Prop() colData: ColumnRegular[];\n\n  /**\n   * Column filter\n   */\n  @Prop() columnFilter: boolean;\n\n  /**\n   * Column type\n   */\n  @Prop() type!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Extra properties to pass into header renderer, such as vue or react components to handle parent\n   */\n  @Prop() additionalData: any = {};\n  // #endregion\n\n  // #region Events\n\n  /**\n   * On initial header click\n   */\n  @Event({\n    eventName: 'beforeheaderclick',\n  })\n  initialHeaderClick: EventEmitter<InitialHeaderClick>;\n\n  /**\n   * On header resize\n   */\n  @Event({\n    eventName: 'headerresize',\n  })\n  headerresize: EventEmitter<ViewSettingSizeProp>;\n\n  /**\n   * On before header resize\n   */\n  @Event({ eventName: 'beforeheaderresize', cancelable: true })\n  beforeResize: EventEmitter<ColumnRegular[]>;\n\n  /**\n   * On header double click\n   */\n  @Event({\n    eventName: 'headerdblclick',\n  })\n  headerdblClick: EventEmitter<InitialHeaderClick>;\n  // #endregion\n\n  @Element() element!: HTMLStencilElement;\n\n  private onResize({ width }: { width?: number }, index: number) {\n    const col = this.colData[index];\n    const event = this.beforeResize.emit([\n      {\n        ...col,\n        size: width || undefined,\n      },\n    ]);\n    if (event.defaultPrevented) {\n      return;\n    }\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(\n    changedX: number,\n    startIndex: number,\n    endIndex: number,\n  ) {\n    const sizes: ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  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      cells.push(\n        <HeaderRenderer\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          onDoubleClick={e => this.headerdblClick.emit(e)}\n          onClick={e => this.initialHeaderClick.emit(e)}\n          additionalData={this.additionalData}\n        />,\n      );\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    @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';\nimport each from 'lodash/each';\n\nimport GridResizeService from '../revoGrid/viewport.resize.service';\nimport LocalScrollService from '../../services/local.scroll.service';\nimport { LocalScrollTimer } from '../../services/local.scroll.timer';\nimport {\n  CONTENT_SLOT,\n  FOOTER_SLOT,\n  HEADER_SLOT,\n} from '../revoGrid/viewport.helpers';\nimport { DimensionCols, DimensionType } from '@type';\nimport { ScrollCoordinateEvent, ViewPortResizeEvent, ViewPortScrollEvent } from '@type';\n\ntype Delta = 'deltaX' | 'deltaY';\ntype LocalScrollEvent = {\n  preventDefault(): void;\n} & { [x in Delta]: number };\n\n/**\n * Viewport scroll component for RevoGrid\n * @slot - content\n * @slot header - header\n * @slot footer - footer\n */\n@Component({\n  tag: 'revogr-viewport-scroll',\n  styleUrl: 'revogr-viewport-scroll-style.scss',\n})\nexport class RevogrViewportScroll {\n  /**\n   * Enable row header\n  */\n  @Prop() readonly rowHeader: boolean;\n\n  /**\n   * Width of inner content\n   */\n  @Prop() contentWidth = 0;\n  /**\n   * Height of inner content\n   */\n  @Prop() contentHeight = 0;\n\n  @Prop() colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Before scroll event\n   */\n  @Event({ eventName: 'scrollviewport', bubbles: true }) scrollViewport: EventEmitter<ViewPortScrollEvent>;\n  /**\n   * Viewport resize\n   */\n  @Event({ eventName: 'resizeviewport' }) resizeViewport: EventEmitter<ViewPortResizeEvent>;\n\n  /**\n   * Triggered on scroll change, can be used to get information about scroll visibility\n   */\n  @Event() scrollchange: EventEmitter<{\n    type: DimensionType;\n    hasScroll: boolean;\n  }>;\n\n  /**\n   * Silently scroll to coordinate\n   * Made to align negative coordinates for mobile devices\n  */\n  @Event({ eventName: 'scrollviewportsilent' }) silentScroll: EventEmitter<ViewPortScrollEvent>;\n\n  @Element() horizontalScroll: HTMLElement;\n\n  private oldValY = this.contentHeight;\n  private oldValX = this.contentWidth;\n\n  private verticalScroll: HTMLElement;\n  private header: HTMLElement;\n  private footer: HTMLElement;\n\n  /**\n   * Static functions to bind wheel change\n   */\n  private horizontalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n  private verticalMouseWheel: (e: Partial<LocalScrollEvent>) => void;\n\n  private resizeService: GridResizeService;\n  private localScrollService: LocalScrollService;\n  private localScrollTimer: LocalScrollTimer;\n\n\n  @Method() async setScroll(e: ViewPortScrollEvent) {\n    this.localScrollTimer.latestScrollUpdate(e.dimension);\n    this.localScrollService?.setScroll(e);\n  }\n\n  /**\n   * update on delta in case we don't know existing position or external change\n   * @param e\n   */\n  @Method() async changeScroll(\n    e: ViewPortScrollEvent,\n    silent = false,\n  ) {\n    if (silent) {\n      if (e.coordinate) {\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 null;\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 + 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            // 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            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 + this.footer.clientHeight;\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' ? true : false,\n          },\n        };\n        each(els, (item, dimension: DimensionType) => {\n          this.resizeViewport.emit({ dimension, size: item.size, rowHeader: this.rowHeader });\n          if (item.noScroll) {\n            return;\n          }\n          this.localScrollService?.scroll(item.scroll, 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;\n    // event reference for binding\n    switch (type) {\n      case 'rgCol':\n        el = this.horizontalScroll;\n        break;\n      case 'rgRow':\n        el = this.verticalScroll;\n        break;\n    }\n    // based on scroll visibility assign or remove class and event\n    if (hasScroll) {\n      el.classList.add(`scroll-${type}`);\n    } else {\n      el.classList.remove(`scroll-${type}`);\n    }\n    this.scrollchange.emit({ type, hasScroll });\n  }\n\n  disconnectedCallback() {\n    this.resizeService.destroy();\n  }\n\n  async componentDidRender() {\n    // scroll update if number of rows changed\n    if (this.contentHeight < this.oldValY && this.verticalScroll) {\n      this.verticalScroll.scrollTop += this.contentHeight - this.oldValY;\n    }\n    this.oldValY = this.contentHeight;\n\n    // scroll update if number of cols changed\n    if (this.contentWidth < this.oldValX) {\n      this.horizontalScroll.scrollLeft += this.contentWidth - this.oldValX;\n    }\n    this.oldValX = this.contentWidth;\n\n    this.localScrollService.setParams(\n      {\n        contentSize: this.contentHeight,\n        clientSize: this.verticalScroll.clientHeight,\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,\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    e.preventDefault?.();\n    const pos = this.verticalScroll.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    e.preventDefault?.();\n    const pos = this.horizontalScroll.scrollLeft + e[delta];\n    this.localScrollService?.scroll(pos, type, undefined, e[delta]);\n    this.localScrollTimer.latestScrollUpdate(type);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: VNode[] }>;\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?.();\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

@@ -1,5 +1,5 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import{r as t,c as i,h as e,H as s}from"./index-21436631.js";import{i as r,A as o,T as n}from"./filter.button-46ce4f80.js";import{d as l}from"./debounce-7781346d.js";import"./toNumber-8de324a7.js";(function t(){if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}if(!Element.prototype.closest){Element.prototype.closest=function(t){let i=this;do{if(Element.prototype.matches.call(i,t)){return i}i=i.parentElement||i.parentNode}while(i!==null&&i.nodeType===1);return null}}})();const a=".revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;opacity:1;transform:none;background-color:#fff;transform-origin:62px 0px;box-shadow:0 5px 18px -2px rgba(0, 0, 0, 0.2);padding:10px;border-radius:4px;min-width:220px;text-align:left}revogr-filter-panel .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:#f3f3f3;border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;font-weight:600;color:#444;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #f1f1f1;box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:rgb(197, 197, 197)}.select-css:focus{border-color:#f1f1f1;box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:#f1f1f1}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-action{display:flex;justify-content:space-between;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid #d9d9d9;height:10px}.select-input{display:flex;justify-content:space-between;align-items:center}";const d=a;const h="none";const c="multi-filter-list";const f="multi-filter-list-action";const p=class{constructor(e){t(this,e);this.filterChange=i(this,"filterChange",7);this.filterCaptionsInternal={title:"Filter by",save:"Save",reset:"Cancel",cancel:"Close"};this.debouncedApplyFilter=l((()=>{this.filterChange.emit(this.filterItems)}),400);this.isFilterIdSet=false;this.filterId=0;this.currentFilterId=-1;this.currentFilterType=h;this.changes=undefined;this.uuid=undefined;this.filterItems={};this.filterTypes={};this.filterNames={};this.filterEntities={};this.filterCaptions=undefined;this.disableDynamicFiltering=false}onMouseDown(t){if(this.changes&&!t.defaultPrevented){const i=t.target;if(this.isOutside(i)&&!r(i)){this.changes=undefined}}}async show(t){this.changes=t;if(this.changes){this.changes.type=this.changes.type||h}}async getChanges(){return this.changes}componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=true;const t=Object.keys(this.filterItems);for(const i of t){this.filterId+=this.filterItems[i].length}}}renderSelectOptions(t,i=false){var s;const r=[];const o=(s=this.changes)===null||s===void 0?void 0:s.prop;if(!i){r.push(e("option",{selected:this.currentFilterType===h,value:h},o&&this.filterItems[o]&&this.filterItems[o].length>0?"Add more condition...":this.filterNames[h]))}for(let i in this.filterTypes){r.push(...this.filterTypes[i].map((i=>e("option",{value:i,selected:t===i},this.filterNames[i]))));r.push(e("option",{disabled:true}))}return r}renderExtra(t,i){const s=this.filterItems[t];if(!s)return"";if(this.filterEntities[s[i].type].extra!=="input")return"";return e("input",{id:`filter-input-${s[i].id}`,placeholder:"Enter value...",type:"text",value:s[i].value,onInput:this.onUserInput.bind(this,i,t),onKeyDown:t=>this.onKeyDown(t)})}getFilterItemsList(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return"";const s=this.filterItems[i]||[];return e("div",{key:this.filterId},s.map(((t,s)=>{let r;if(s!==this.filterItems[i].length-1){r=e("div",{onClick:()=>this.toggleFilterAndOr(t.id)},e(o,{isAnd:t.relation==="and"}))}return e("div",{key:t.id,class:c},e("div",{class:{"select-input":true}},e("select",{class:"select-css select-filter",onChange:t=>this.onFilterTypeChange(t,i,s)},this.renderSelectOptions(this.filterItems[i][s].type,true)),e("div",{class:f},r),e("div",{onClick:()=>this.onRemoveFilter(t.id)},e(n,null))),e("div",null,this.renderExtra(i,s)))})),s.length>0?e("div",{class:"add-filter-divider"}):"")}render(){if(!this.changes){return e(s,{style:{display:"none"}})}const t={display:"block",left:`${this.changes.x}px`,top:`${this.changes.y}px`};const i=Object.assign(this.filterCaptionsInternal,this.filterCaptions);return e(s,{style:t},e("label",null,i.title),e("div",{class:"filter-holder"},this.getFilterItemsList()),e("div",{class:"add-filter"},e("select",{id:"add-filter",class:"select-css",onChange:t=>this.onAddNewFilter(t)},this.renderSelectOptions(this.currentFilterType))),e("div",{class:"filter-actions"},this.disableDynamicFiltering&&e("button",{class:"revo-button green save",onClick:()=>this.onSave()},i.save),e("button",{class:"revo-button light reset",onClick:()=>this.onReset()},i.reset),e("button",{class:"revo-button light cancel",onClick:()=>this.onCancel()},i.cancel)))}onFilterTypeChange(t,i,e){const s=t.target;const r=s.value;this.filterItems[i][e].type=r;this.filterId++;setTimeout((()=>{const t=document.getElementById("filter-input-"+this.filterItems[i][e].id);if(t)t.focus()}),0);if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onAddNewFilter(t){const i=t.target;const e=i.value;this.currentFilterType=e;this.addNewFilterToProp();const s=document.getElementById("add-filter");if(s){s.value=h;this.currentFilterType=h}if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}addNewFilterToProp(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return;if(!this.filterItems[i]){this.filterItems[i]=[]}if(this.currentFilterType==="none")return;this.filterId++;this.currentFilterId=this.filterId;this.filterItems[i].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"});setTimeout((()=>{const t=document.getElementById("filter-input-"+this.currentFilterId);if(t)t.focus()}),0)}onUserInput(t,i,e){this.filterItems[i][t].value=e.target.value;if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onKeyDown(t){if(t.key.toLowerCase()==="enter"){const t=document.getElementById("add-filter");if(t){t.value=h;this.currentFilterType=h;this.addNewFilterToProp();t.focus()}return}t.stopPropagation()}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=undefined}onReset(){this.assertChanges();delete this.filterItems[this.changes.prop];this.filterId++;this.filterChange.emit(this.filterItems)}onRemoveFilter(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e.splice(s,1);if(e.length===0)delete this.filterItems[i];if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}toggleFilterAndOr(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e[s].relation=e[s].relation==="and"?"or":"and";if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}assertChanges(){if(!this.changes){throw new Error("Changes required per edit")}}isOutside(t){const i=document.getElementById("add-filter");if(i)i.value=h;this.currentFilterType=h;this.changes.type=h;this.currentFilterId=-1;if(t.classList.contains(`[uuid="${this.uuid}"]`)){return false}return!(t===null||t===void 0?void 0:t.closest(`[uuid="${this.uuid}"]`))}};p.style=d;export{p as revogr_filter_panel};
+import{r as t,c as i,h as e,H as s}from"./index-e661aeb5.js";import{i as r,A as o,T as n}from"./filter.button-f132c10a.js";import{d as l}from"./debounce-7781346d.js";import"./toNumber-8de324a7.js";(function t(){if(!Element.prototype.matches){Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector}if(!Element.prototype.closest){Element.prototype.closest=function(t){let i=this;do{if(Element.prototype.matches.call(i,t)){return i}i=i.parentElement||i.parentNode}while(i!==null&&i.nodeType===1);return null}}})();const a=".revo-drag-icon{width:11px}.revo-drag-icon::before{content:\"::\"}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#6200ee;height:34px;line-height:34px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037;border:1px solid #00772d}.revo-button.red{background-color:#E0662E;border:1px solid #d55920}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.light{border:1px solid #cedefa;line-height:32px;background:none;color:#000;box-shadow:none}revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;opacity:1;transform:none;background-color:#fff;transform-origin:62px 0px;box-shadow:0 5px 18px -2px rgba(0, 0, 0, 0.2);padding:10px;border-radius:4px;min-width:220px;text-align:left}revogr-filter-panel .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:#f3f3f3;border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;font-weight:600;color:#444;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #f1f1f1;box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:rgb(197, 197, 197)}.select-css:focus{border-color:#f1f1f1;box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:#f1f1f1}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-action{display:flex;justify-content:space-between;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid #d9d9d9;height:10px}.select-input{display:flex;justify-content:space-between;align-items:center}";const d=a;const h="none";const c="multi-filter-list";const f="multi-filter-list-action";const p=class{constructor(e){t(this,e);this.filterChange=i(this,"filterChange",7);this.filterCaptionsInternal={title:"Filter by",save:"Save",reset:"Cancel",cancel:"Close"};this.debouncedApplyFilter=l((()=>{this.filterChange.emit(this.filterItems)}),400);this.isFilterIdSet=false;this.filterId=0;this.currentFilterId=-1;this.currentFilterType=h;this.changes=undefined;this.uuid=undefined;this.filterItems={};this.filterTypes={};this.filterNames={};this.filterEntities={};this.filterCaptions=undefined;this.disableDynamicFiltering=false}onMouseDown(t){if(this.changes&&!t.defaultPrevented){const i=t.target;if(this.isOutside(i)&&!r(i)){this.changes=undefined}}}async show(t){this.changes=t;if(this.changes){this.changes.type=this.changes.type||h}}async getChanges(){return this.changes}componentWillRender(){if(!this.isFilterIdSet){this.isFilterIdSet=true;const t=Object.keys(this.filterItems);for(const i of t){this.filterId+=this.filterItems[i].length}}}renderSelectOptions(t,i=false){var s;const r=[];const o=(s=this.changes)===null||s===void 0?void 0:s.prop;if(!i){r.push(e("option",{selected:this.currentFilterType===h,value:h},o&&this.filterItems[o]&&this.filterItems[o].length>0?"Add more condition...":this.filterNames[h]))}for(let i in this.filterTypes){r.push(...this.filterTypes[i].map((i=>e("option",{value:i,selected:t===i},this.filterNames[i]))));r.push(e("option",{disabled:true}))}return r}renderExtra(t,i){const s=this.filterItems[t];if(!s)return"";if(this.filterEntities[s[i].type].extra!=="input")return"";return e("input",{id:`filter-input-${s[i].id}`,placeholder:"Enter value...",type:"text",value:s[i].value,onInput:this.onUserInput.bind(this,i,t),onKeyDown:t=>this.onKeyDown(t)})}getFilterItemsList(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return"";const s=this.filterItems[i]||[];return e("div",{key:this.filterId},s.map(((t,s)=>{let r;if(s!==this.filterItems[i].length-1){r=e("div",{onClick:()=>this.toggleFilterAndOr(t.id)},e(o,{isAnd:t.relation==="and"}))}return e("div",{key:t.id,class:c},e("div",{class:{"select-input":true}},e("select",{class:"select-css select-filter",onChange:t=>this.onFilterTypeChange(t,i,s)},this.renderSelectOptions(this.filterItems[i][s].type,true)),e("div",{class:f},r),e("div",{onClick:()=>this.onRemoveFilter(t.id)},e(n,null))),e("div",null,this.renderExtra(i,s)))})),s.length>0?e("div",{class:"add-filter-divider"}):"")}render(){if(!this.changes){return e(s,{style:{display:"none"}})}const t={display:"block",left:`${this.changes.x}px`,top:`${this.changes.y}px`};const i=Object.assign(this.filterCaptionsInternal,this.filterCaptions);return e(s,{style:t},e("label",null,i.title),e("div",{class:"filter-holder"},this.getFilterItemsList()),e("div",{class:"add-filter"},e("select",{id:"add-filter",class:"select-css",onChange:t=>this.onAddNewFilter(t)},this.renderSelectOptions(this.currentFilterType))),e("div",{class:"filter-actions"},this.disableDynamicFiltering&&e("button",{class:"revo-button green save",onClick:()=>this.onSave()},i.save),e("button",{class:"revo-button light reset",onClick:()=>this.onReset()},i.reset),e("button",{class:"revo-button light cancel",onClick:()=>this.onCancel()},i.cancel)))}onFilterTypeChange(t,i,e){const s=t.target;const r=s.value;this.filterItems[i][e].type=r;this.filterId++;setTimeout((()=>{const t=document.getElementById("filter-input-"+this.filterItems[i][e].id);if(t)t.focus()}),0);if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onAddNewFilter(t){const i=t.target;const e=i.value;this.currentFilterType=e;this.addNewFilterToProp();const s=document.getElementById("add-filter");if(s){s.value=h;this.currentFilterType=h}if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}addNewFilterToProp(){var t;const i=(t=this.changes)===null||t===void 0?void 0:t.prop;if(!(i||i===0))return;if(!this.filterItems[i]){this.filterItems[i]=[]}if(this.currentFilterType==="none")return;this.filterId++;this.currentFilterId=this.filterId;this.filterItems[i].push({id:this.currentFilterId,type:this.currentFilterType,value:"",relation:"and"});setTimeout((()=>{const t=document.getElementById("filter-input-"+this.currentFilterId);if(t)t.focus()}),0)}onUserInput(t,i,e){this.filterItems[i][t].value=e.target.value;if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}onKeyDown(t){if(t.key.toLowerCase()==="enter"){const t=document.getElementById("add-filter");if(t){t.value=h;this.currentFilterType=h;this.addNewFilterToProp();t.focus()}return}t.stopPropagation()}onSave(){this.filterChange.emit(this.filterItems)}onCancel(){this.changes=undefined}onReset(){this.assertChanges();delete this.filterItems[this.changes.prop];this.filterId++;this.filterChange.emit(this.filterItems)}onRemoveFilter(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e.splice(s,1);if(e.length===0)delete this.filterItems[i];if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}toggleFilterAndOr(t){this.assertChanges();this.filterId++;const i=this.changes.prop;const e=this.filterItems[i];if(!e)return;const s=e.findIndex((i=>i.id===t));if(s===-1)return;e[s].relation=e[s].relation==="and"?"or":"and";if(!this.disableDynamicFiltering)this.debouncedApplyFilter()}assertChanges(){if(!this.changes){throw new Error("Changes required per edit")}}isOutside(t){const i=document.getElementById("add-filter");if(i)i.value=h;this.currentFilterType=h;this.changes.type=h;this.currentFilterId=-1;if(t.classList.contains(`[uuid="${this.uuid}"]`)){return false}return!(t===null||t===void 0?void 0:t.closest(`[uuid="${this.uuid}"]`))}};p.style=d;export{p as revogr_filter_panel};
 //# sourceMappingURL=revogr-filter-panel.entry.js.map

package/dist/revo-grid/{selection.helpers-883ce6bc.js → selection.helpers-0f3ed629.js}

@@ -1,5 +1,5 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import"./index-21436631.js";import{k as t,l as e}from"./dimension.helpers-a3065cb1.js";import"./toNumber-8de324a7.js";function i(){return{range:null,tempRange:null,tempRangeType:null,focus:null,edit:null,lastCell:null}}class s{constructor(){this.unsubscribe=[];this.store=t(i());this.store.on("set",((t,e)=>{if(t==="tempRange"&&!e){this.store.set("tempRangeType",null)}}))}onChange(t,e){this.unsubscribe.push(this.store.onChange(t,e))}clearFocus(){e(this.store,{focus:null,range:null,edit:null,tempRange:null})}setFocus(t,i){if(!i){e(this.store,{focus:t})}else{e(this.store,{focus:t,range:u(t,i),edit:null,tempRange:null})}}setTempArea(t){e(this.store,{tempRange:t===null||t===void 0?void 0:t.area,tempRangeType:t===null||t===void 0?void 0:t.type,edit:null})}clearTemp(){e(this.store,{tempRange:null})}setRangeArea(t){e(this.store,{range:t,edit:null,tempRange:null})}setRange(t,e){this.setRangeArea(u(t,e))}setLastCell(t){e(this.store,{lastCell:t})}setEdit(t){const i=this.store.get("focus");if(i&&typeof t==="string"){e(this.store,{edit:{x:i.x,y:i.y,val:t}});return}e(this.store,{edit:null})}dispose(){this.unsubscribe.forEach((t=>t()));this.store.dispose()}}const n=-1;class l{constructor(){this.dirty=false;this.stores={};this.columnStores={};this.rowStores={};this.storesByType={};this.storesXToType={};this.storesYToType={};this.sections=[]}get focusedStore(){var t;for(let e in this.stores){for(let i in this.stores[e]){const s=(t=this.stores[e][i])===null||t===void 0?void 0:t.store.get("focus");if(s){return{entity:this.stores[e][i],cell:s,position:{x:parseInt(i,10),y:parseInt(e,10)}}}}}return null}get edit(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("edit")}get focused(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("focus")}get selectedRange(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("range")}registerSection(t){if(!t){this.sections.length=0;this.dirty=true;return}if(this.sections.indexOf(t)===-1){this.sections.push(t)}}beforeUpdate(){if(this.dirty){for(let t in this.stores){for(let e in this.stores[t]){this.stores[t][e].dispose()}}this.dirty=false}}registerColumn(t,e){if(r(t)){return new s}if(this.columnStores[t]){return this.columnStores[t]}this.columnStores[t]=new s;this.storesByType[e]=t;this.storesXToType[t]=e;return this.columnStores[t]}registerRow(t,e){if(r(t)){return new s}if(this.rowStores[t]){return this.rowStores[t]}this.rowStores[t]=new s;this.storesByType[e]=t;this.storesYToType[t]=e;return this.rowStores[t]}register({x:t,y:e}){var i,n;if(r(t)||r(e)){return new s}if(!this.stores[e]){this.stores[e]={}}if(this.stores[e][t]){return this.stores[e][t]}this.stores[e][t]=new s;(i=this.stores[e][t])===null||i===void 0?void 0:i.onChange("range",(i=>{this.columnStores[t].setRangeArea(i);this.rowStores[e].setRangeArea(i)}));(n=this.stores[e][t])===null||n===void 0?void 0:n.store.on("dispose",(()=>this.destroy(t,e)));return this.stores[e][t]}destroy(t,e){var i,s;(i=this.columnStores[t])===null||i===void 0?void 0:i.dispose();(s=this.rowStores[e])===null||s===void 0?void 0:s.dispose();delete this.rowStores[e];delete this.columnStores[t];if(this.storesXToType[t]){const e=this.storesXToType[t];delete this.storesXToType[t];delete this.storesByType[e]}if(this.storesYToType[e]){const t=this.storesYToType[e];delete this.storesYToType[e];delete this.storesByType[t]}if(this.stores[e]){delete this.stores[e][t]}if(!Object.keys(this.stores[e]||{}).length){delete this.stores[e]}}setEditByCell(t,e){this.focusByCell(t,e,e);this.setEdit("")}focusByCell(t,e,i){const s=this.stores[t.y][t.x];this.focus(s,{focus:e,end:i})}focus(t,{focus:e,end:i}){let s;for(let e in this.stores){for(let i in this.stores[e]){const n=this.stores[e][i];if(n!==t){n.clearFocus()}else{s={x:parseInt(i,10),y:parseInt(e,10)}}}}if(!s){return null}const n=t.store.get("lastCell");const l=h(e,n);let r;if(l){for(let t in l){let e=t;let i;switch(e){case"x":i=this.getXStores(s.y);break;case"y":i=this.getYStores(s.x);break}if(l[e]>=0){r=i[++s[e]]}else{r=i[--s[e]];const t=r===null||r===void 0?void 0:r.store.get("lastCell");if(t){l[e]=t[e]+l[e]}}}}if(r){let t=Object.assign(Object.assign({},e),l);this.focus(r,{focus:t,end:t});return null}e=o(e,n);i=o(i,n);t.setFocus(e,i);return e}clearAll(){var t;for(let e in this.stores){for(let i in this.stores[e]){(t=this.stores[e][i])===null||t===void 0?void 0:t.clearFocus()}}}setEdit(t){if(!this.focusedStore){return}this.focusedStore.entity.setEdit(t)}selectAll(){for(let t in this.stores){for(let e in this.stores[t]){const i=this.stores[t][e];if(!i){continue}const s=i.store.get("lastCell");i.setRange({x:0,y:0},{x:s.x-1,y:s.y-1})}}}getXStores(t){return this.stores[t]}getYStores(t){const e={};for(let i in this.stores){e[i]=this.stores[i][t]}return e}}function r(t){return t===n}function h(t,e){const i={};let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=t[e];return i}}for(let n of s){if(t[n]>=e[n]){i[n]=t[n]-e[n];return i}}return null}function o(t,e){const i=Object.assign({},t);let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=0}}for(let n of s){if(t[n]>=e[n]){i[n]=e[n]-1}}return i}function u(t,e){return t&&e?{x:Math.min(t.x,e.x),y:Math.min(t.y,e.y),x1:Math.max(t.x,e.x),y1:Math.max(t.y,e.y)}:null}function f(t){return t.x===t.x1&&t.y===t.y1}export{n as E,s as S,f as a,l as b,o as c,u as g,r as i,h as n};
-//# sourceMappingURL=selection.helpers-883ce6bc.js.map
+import{k as t,l as e}from"./dimension.helpers-c0c2888f.js";import"./toNumber-8de324a7.js";import"./index-e661aeb5.js";function i(){return{range:null,tempRange:null,tempRangeType:null,focus:null,edit:null,lastCell:null}}class s{constructor(){this.unsubscribe=[];this.store=t(i());this.store.on("set",((t,e)=>{if(t==="tempRange"&&!e){this.store.set("tempRangeType",null)}}))}onChange(t,e){this.unsubscribe.push(this.store.onChange(t,e))}clearFocus(){e(this.store,{focus:null,range:null,edit:null,tempRange:null})}setFocus(t,i){if(!i){e(this.store,{focus:t})}else{e(this.store,{focus:t,range:u(t,i),edit:null,tempRange:null})}}setTempArea(t){e(this.store,{tempRange:t===null||t===void 0?void 0:t.area,tempRangeType:t===null||t===void 0?void 0:t.type,edit:null})}clearTemp(){e(this.store,{tempRange:null})}setRangeArea(t){e(this.store,{range:t,edit:null,tempRange:null})}setRange(t,e){this.setRangeArea(u(t,e))}setLastCell(t){e(this.store,{lastCell:t})}setEdit(t){const i=this.store.get("focus");if(i&&typeof t==="string"){e(this.store,{edit:{x:i.x,y:i.y,val:t}});return}e(this.store,{edit:null})}dispose(){this.unsubscribe.forEach((t=>t()));this.store.dispose()}}const n=-1;class l{constructor(){this.dirty=false;this.stores={};this.columnStores={};this.rowStores={};this.storesByType={};this.storesXToType={};this.storesYToType={};this.sections=[]}get focusedStore(){var t;for(let e in this.stores){for(let i in this.stores[e]){const s=(t=this.stores[e][i])===null||t===void 0?void 0:t.store.get("focus");if(s){return{entity:this.stores[e][i],cell:s,position:{x:parseInt(i,10),y:parseInt(e,10)}}}}}return null}get edit(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("edit")}get focused(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("focus")}get selectedRange(){var t;return(t=this.focusedStore)===null||t===void 0?void 0:t.entity.store.get("range")}registerSection(t){if(!t){this.sections.length=0;this.dirty=true;return}if(this.sections.indexOf(t)===-1){this.sections.push(t)}}beforeUpdate(){if(this.dirty){for(let t in this.stores){for(let e in this.stores[t]){this.stores[t][e].dispose()}}this.dirty=false}}registerColumn(t,e){if(r(t)){return new s}if(this.columnStores[t]){return this.columnStores[t]}this.columnStores[t]=new s;this.storesByType[e]=t;this.storesXToType[t]=e;return this.columnStores[t]}registerRow(t,e){if(r(t)){return new s}if(this.rowStores[t]){return this.rowStores[t]}this.rowStores[t]=new s;this.storesByType[e]=t;this.storesYToType[t]=e;return this.rowStores[t]}register({x:t,y:e}){var i,n;if(r(t)||r(e)){return new s}if(!this.stores[e]){this.stores[e]={}}if(this.stores[e][t]){return this.stores[e][t]}this.stores[e][t]=new s;(i=this.stores[e][t])===null||i===void 0?void 0:i.onChange("range",(i=>{this.columnStores[t].setRangeArea(i);this.rowStores[e].setRangeArea(i)}));(n=this.stores[e][t])===null||n===void 0?void 0:n.store.on("dispose",(()=>this.destroy(t,e)));return this.stores[e][t]}destroy(t,e){var i,s;(i=this.columnStores[t])===null||i===void 0?void 0:i.dispose();(s=this.rowStores[e])===null||s===void 0?void 0:s.dispose();delete this.rowStores[e];delete this.columnStores[t];if(this.storesXToType[t]){const e=this.storesXToType[t];delete this.storesXToType[t];delete this.storesByType[e]}if(this.storesYToType[e]){const t=this.storesYToType[e];delete this.storesYToType[e];delete this.storesByType[t]}if(this.stores[e]){delete this.stores[e][t]}if(!Object.keys(this.stores[e]||{}).length){delete this.stores[e]}}setEditByCell(t,e){this.focusByCell(t,e,e);this.setEdit("")}focusByCell(t,e,i){const s=this.stores[t.y][t.x];this.focus(s,{focus:e,end:i})}focus(t,{focus:e,end:i}){let s;for(let e in this.stores){for(let i in this.stores[e]){const n=this.stores[e][i];if(n!==t){n.clearFocus()}else{s={x:parseInt(i,10),y:parseInt(e,10)}}}}if(!s){return null}const n=t.store.get("lastCell");const l=h(e,n);let r;if(l){for(let t in l){let e=t;let i;switch(e){case"x":i=this.getXStores(s.y);break;case"y":i=this.getYStores(s.x);break}if(l[e]>=0){r=i[++s[e]]}else{r=i[--s[e]];const t=r===null||r===void 0?void 0:r.store.get("lastCell");if(t){l[e]=t[e]+l[e]}}}}if(r){let t=Object.assign(Object.assign({},e),l);this.focus(r,{focus:t,end:t});return null}e=o(e,n);i=o(i,n);t.setFocus(e,i);return e}clearAll(){var t;for(let e in this.stores){for(let i in this.stores[e]){(t=this.stores[e][i])===null||t===void 0?void 0:t.clearFocus()}}}setEdit(t){if(!this.focusedStore){return}this.focusedStore.entity.setEdit(t)}selectAll(){for(let t in this.stores){for(let e in this.stores[t]){const i=this.stores[t][e];if(!i){continue}const s=i.store.get("lastCell");i.setRange({x:0,y:0},{x:s.x-1,y:s.y-1})}}}getXStores(t){return this.stores[t]}getYStores(t){const e={};for(let i in this.stores){e[i]=this.stores[i][t]}return e}}function r(t){return t===n}function h(t,e){const i={};let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=t[e];return i}}for(let n of s){if(t[n]>=e[n]){i[n]=t[n]-e[n];return i}}return null}function o(t,e){const i=Object.assign({},t);let s=["x","y"];for(let e of s){if(t[e]<0){i[e]=0}}for(let n of s){if(t[n]>=e[n]){i[n]=e[n]-1}}return i}function u(t,e){return t&&e?{x:Math.min(t.x,e.x),y:Math.min(t.y,e.y),x1:Math.max(t.x,e.x),y1:Math.max(t.y,e.y)}:null}function f(t){return t.x===t.x1&&t.y===t.y1}export{n as E,s as S,f as a,l as b,o as c,u as g,r as i,h as n};
+//# sourceMappingURL=selection.helpers-0f3ed629.js.map

package/dist/revo-grid/selection.helpers-0f3ed629.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultState","range","tempRange","tempRangeType","focus","edit","lastCell","SelectionStore","constructor","this","unsubscribe","store","createStore","on","key","newVal","set","onChange","propName","cb","push","clearFocus","setStore","setFocus","end","getRange","setTempArea","area","type","clearTemp","setRangeArea","setRange","start","setLastCell","setEdit","val","get","x","y","dispose","forEach","f","EMPTY_INDEX","SelectionStoreConnector","dirty","stores","columnStores","rowStores","storesByType","storesXToType","storesYToType","sections","focusedStore","focused","_a","entity","cell","position","parseInt","selectedRange","registerSection","e","length","indexOf","beforeUpdate","registerColumn","isHiddenStore","registerRow","register","c","_b","destroy","Object","keys","setEditByCell","storePos","editCell","focusByCell","currentStorePointer","s","nextItem","nextCell","nextStore","i","getXStores","getYStores","nextLastCell","item","assign","cropCellToMax","clearAll","selectAll","pos","types","t","newCell","Math","min","x1","max","y1","isRangeSingleCell","a"],"sources":["src/store/selection/selection.store.ts","src/services/selection.store.connector.ts","src/store/selection/selection.helpers.ts"],"sourcesContent":["/**\n * Selection store\n */\n\nimport { setStore, Observable } from '../../utils/store.utils';\nimport { getRange } from '@store';\nimport { SelectionStoreState, Cell, TempRange, RangeArea } from '@type';\nimport { createStore } from '@stencil/store';\n\nfunction defaultState(): SelectionStoreState {\n  return {\n    range: null,\n    tempRange: null,\n    tempRangeType: null,\n    focus: null,\n    edit: null,\n    lastCell: null,\n  };\n}\n\nexport class SelectionStore {\n  readonly store: Observable<SelectionStoreState>;\n  private unsubscribe: { (): void }[] = [];\n  constructor() {\n    this.store = createStore(defaultState());\n    this.store.on('set', (key, newVal) => {\n      if (key === 'tempRange' && !newVal) {\n        this.store.set('tempRangeType', null);\n      }\n    });\n  }\n\n  onChange<Key extends keyof SelectionStoreState>(propName: Key, cb: (newValue: SelectionStoreState[Key]) => void) {\n    this.unsubscribe.push(this.store.onChange(propName, cb));\n  }\n\n  clearFocus() {\n    setStore(this.store, { focus: null, range: null, edit: null, tempRange: null });\n  }\n\n  setFocus(focus: Cell, end?: Cell) {\n    if (!end) {\n      setStore(this.store, { focus });\n    } else {\n      setStore(this.store, {\n        focus,\n        range: getRange(focus, end),\n        edit: null,\n        tempRange: null,\n      });\n    }\n  }\n\n  setTempArea(range: TempRange | null) {\n    setStore(this.store, { tempRange: range?.area, tempRangeType: range?.type, edit: null });\n  }\n\n  clearTemp() {\n    setStore(this.store, { tempRange: null });\n  }\n\n  /** Can be applied from selection change or from simple keyboard change clicks */\n  setRangeArea(range: RangeArea) {\n    setStore(this.store, { range, edit: null, tempRange: null });\n  }\n  setRange(start: Cell, end: Cell) {\n    this.setRangeArea(getRange(start, end));\n  }\n\n  setLastCell(lastCell: Cell) {\n    setStore(this.store, { lastCell });\n  }\n\n  setEdit(val: string | boolean) {\n    const focus = this.store.get('focus');\n    if (focus && typeof val === 'string') {\n      setStore(this.store, {\n        edit: { x: focus.x, y: focus.y, val },\n      });\n      return;\n    }\n    setStore(this.store, { edit: null });\n  }\n\n  dispose() {\n    this.unsubscribe.forEach(f => f());\n    this.store.dispose();\n  }\n}\n","import { cropCellToMax, isHiddenStore, nextCell, SelectionStore } from '@store';\nimport type { MultiDimensionType, DimensionCols, DimensionRows, Cell, EditCellStore, RangeArea } from '@type';\n\ntype StoreByDimension = Record<number, SelectionStore>;\ntype FocusedStore = {\n  entity: SelectionStore;\n  cell: Cell;\n  position: Cell;\n};\n\ntype StoresMapping<T> = { [xOrY: number]: Partial<T> };\n\nexport const EMPTY_INDEX = -1;\n\nexport default class SelectionStoreConnector {\n  // dirty flag required to cleanup whole store in case visibility of panels changed\n  private dirty = false;\n  readonly stores: { [y: number]: { [x: number]: SelectionStore } } = {};\n\n  readonly columnStores: StoreByDimension = {};\n  readonly rowStores: { [y: number]: SelectionStore } = {};\n\n  /**\n   * Helpers for data conversion\n   */\n  readonly storesByType: Partial<Record<MultiDimensionType, number>> = {};\n  readonly storesXToType: StoresMapping<DimensionCols> = {};\n  readonly storesYToType: StoresMapping<DimensionRows> = {};\n\n  get focusedStore(): FocusedStore | null {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const focused = this.stores[y][x]?.store.get('focus');\n        if (focused) {\n          return {\n            entity: this.stores[y][x],\n            cell: focused,\n            position: {\n              x: parseInt(x, 10),\n              y: parseInt(y, 10),\n            },\n          };\n        }\n      }\n    }\n    return null;\n  }\n\n  get edit(): EditCellStore | undefined {\n    return this.focusedStore?.entity.store.get('edit');\n  }\n\n  get focused(): Cell | undefined {\n    return this.focusedStore?.entity.store.get('focus');\n  }\n\n  get selectedRange(): RangeArea | undefined {\n    return this.focusedStore?.entity.store.get('range');\n  }\n\n  private readonly sections: Element[] = [];\n\n  registerSection(e?: Element) {\n    if (!e) {\n      this.sections.length = 0;\n      // some elements removed, rebuild stores\n      this.dirty = true;\n      return;\n    }\n    if (this.sections.indexOf(e) === -1) {\n      this.sections.push(e);\n    }\n  }\n\n  // check if require to cleanup all stores\n  beforeUpdate() {\n    if (this.dirty) {\n      for (let y in this.stores) {\n        for (let x in this.stores[y]) {\n          this.stores[y][x].dispose();\n        }\n      }\n      this.dirty = false;\n    }\n  }\n\n  registerColumn(x: number, type: DimensionCols): SelectionStore {\n\n    // if hidden just create store but no operations needed\n    if (isHiddenStore(x)) {\n      return new SelectionStore();\n    }\n    if (this.columnStores[x]) {\n      return this.columnStores[x];\n    }\n    this.columnStores[x] = new SelectionStore();\n    // build cross linking type to position\n    this.storesByType[type] = x;\n    this.storesXToType[x] = type;\n    return this.columnStores[x];\n  }\n\n  registerRow(y: number, type: DimensionRows): SelectionStore {\n    // if hidden just create store\n    if (isHiddenStore(y)) {\n      return new SelectionStore();\n    }\n    if (this.rowStores[y]) {\n      return this.rowStores[y];\n    }\n    this.rowStores[y] = new SelectionStore();\n    // build cross linking type to position\n    this.storesByType[type] = y;\n    this.storesYToType[y] = type;\n    return this.rowStores[y];\n  }\n\n  /**\n   * Cross store proxy, based on multiple dimensions\n   */\n  register({ x, y }: Cell): SelectionStore {\n    // if hidden just create store\n    if (isHiddenStore(x) || isHiddenStore(y)) {\n      return new SelectionStore();\n    }\n    if (!this.stores[y]) {\n      this.stores[y] = {};\n    }\n    if (this.stores[y][x]) {\n      // Store already registered. Do not register twice\n      return this.stores[y][x];\n    }\n    this.stores[y][x] = new SelectionStore();\n    // proxy update, column store trigger only range area\n    this.stores[y][x]?.onChange('range', c => {\n      this.columnStores[x].setRangeArea(c);\n      this.rowStores[y].setRangeArea(c);\n    });\n    // clean up on remove\n    this.stores[y][x]?.store.on('dispose', () => this.destroy(x, y));\n    return this.stores[y][x];\n  }\n\n  private destroy(x: number, y: number) {\n    this.columnStores[x]?.dispose();\n    this.rowStores[y]?.dispose();\n\n    delete this.rowStores[y];\n    delete this.columnStores[x];\n    // clear x cross link\n    if (this.storesXToType[x]) {\n      const type = this.storesXToType[x];\n      delete this.storesXToType[x];\n      delete this.storesByType[type];\n    }\n    // clear y cross link\n    if (this.storesYToType[y]) {\n      const type = this.storesYToType[y];\n      delete this.storesYToType[y];\n      delete this.storesByType[type];\n    }\n    if (this.stores[y]) {\n      delete this.stores[y][x];\n    }\n    // clear empty rows\n    if (!Object.keys(this.stores[y] || {}).length) {\n      delete this.stores[y];\n    }\n  }\n\n  setEditByCell<T extends Cell>(storePos: T, editCell: T) {\n    this.focusByCell(storePos, editCell, editCell);\n    this.setEdit('');\n  }\n\n  focusByCell<T extends Cell>(storePos: T, start: T, end: T) {\n    const store = this.stores[storePos.y][storePos.x];\n    this.focus(store, { focus: start, end });\n  }\n\n  focus(store: SelectionStore, { focus, end }: { focus: Cell; end: Cell }) {\n    let currentStorePointer: Cell;\n    // clear all stores focus leave only active one\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const s = this.stores[y][x];\n        // clear other stores, only one area can be selected\n        if (s !== store) {\n          s.clearFocus();\n        } else {\n          currentStorePointer = { x: parseInt(x, 10), y: parseInt(y, 10) };\n        }\n      }\n    }\n    if (!currentStorePointer) {\n      return null;\n    }\n\n    // check is focus in next store\n    const lastCell = store.store.get('lastCell');\n    // item in new store\n    const nextItem: Partial<Cell> | null = nextCell(focus, lastCell);\n\n    let nextStore;\n    if (nextItem) {\n      for (let i in nextItem) {\n        let type: keyof Cell = i as keyof Cell;\n        let stores;\n        switch (type) {\n          case 'x':\n            stores = this.getXStores(currentStorePointer.y);\n            break;\n          case 'y':\n            stores = this.getYStores(currentStorePointer.x);\n            break;\n        }\n        if (nextItem[type] >= 0) {\n          nextStore = stores[++currentStorePointer[type]];\n        } else {\n          nextStore = stores[--currentStorePointer[type]];\n          const nextLastCell = nextStore?.store.get('lastCell');\n          if (nextLastCell) {\n            nextItem[type] = nextLastCell[type] + nextItem[type];\n          }\n        }\n      }\n    }\n    // if next store present - update\n    if (nextStore) {\n      let item = { ...focus, ...nextItem };\n      this.focus(nextStore, { focus: item, end: item });\n      return null;\n    }\n\n    focus = cropCellToMax(focus, lastCell);\n    end = cropCellToMax(end, lastCell);\n\n    store.setFocus(focus, end);\n    return focus;\n  }\n\n  clearAll() {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        this.stores[y][x]?.clearFocus();\n      }\n    }\n  }\n\n  setEdit(val: string | boolean) {\n    if (!this.focusedStore) {\n      return;\n    }\n    this.focusedStore.entity.setEdit(val);\n  }\n\n  /**\n   * Select all cells across all stores\n   */\n  selectAll() {\n    for (let y in this.stores) {\n      for (let x in this.stores[y]) {\n        const store = this.stores[y][x];\n        if (!store) {\n          continue;\n        }\n        const lastCell = store.store.get('lastCell');\n        store.setRange({ x: 0, y: 0 }, { x: lastCell.x - 1, y: lastCell.y - 1 });\n      }\n    }\n  }\n\n  private getXStores(y: number) {\n    return this.stores[y];\n  }\n\n  private getYStores(x: number) {\n    const stores: { [p: number]: SelectionStore } = {};\n    for (let i in this.stores) {\n      stores[i] = this.stores[i][x];\n    }\n    return stores;\n  }\n}\n","import { EMPTY_INDEX } from '../../services/selection.store.connector';\nimport { Cell, RangeArea } from '@type';\n\nexport function isHiddenStore(pos: number) {\n  return pos === EMPTY_INDEX;\n}\n\nexport function nextCell(cell: Cell, lastCell: Cell): Partial<Cell> | null {\n  const nextItem: Partial<Cell> = {};\n  let types: (keyof Cell)[] = ['x', 'y'];\n\n  // previous item check\n  for (let t of types) {\n    if (cell[t] < 0) {\n      nextItem[t] = cell[t];\n      return nextItem;\n    }\n  }\n  // next item check\n  for (let t of types) {\n    if (cell[t] >= lastCell[t]) {\n      nextItem[t] = cell[t] - lastCell[t];\n      return nextItem;\n    }\n  }\n  return null;\n}\n\nexport function cropCellToMax(cell: Cell, lastCell: Cell): Cell {\n  const newCell: Cell = { ...cell };\n  let types: (keyof Cell)[] = ['x', 'y'];\n  // previous item check\n  for (let t of types) {\n    if (cell[t] < 0) {\n      newCell[t] = 0;\n    }\n  }\n  // next item check\n  for (let t of types) {\n    if (cell[t] >= lastCell[t]) {\n      newCell[t] = lastCell[t] - 1;\n    }\n  }\n  return newCell;\n}\n\nexport function getRange(start?: Cell, end?: Cell): RangeArea | null {\n  return start && end\n    ? {\n        x: Math.min(start.x, end.x),\n        y: Math.min(start.y, end.y),\n        x1: Math.max(start.x, end.x),\n        y1: Math.max(start.y, end.y),\n      }\n    : null;\n}\n\nexport function isRangeSingleCell(a: RangeArea): boolean {\n  return a.x === a.x1 && a.y === a.y1;\n}\n"],"mappings":"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","ignoreList":[]}