@revolist/revogrid 3.6.2 → 3.6.4

package/dist/collection/components/overlay/revogr-overlay-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-overlay-selection.js","sourceRoot":"","sources":["../../../src/components/overlay/revogr-overlay-selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, Prop, VNode, Element, Watch } from '@stencil/core';\n\nimport { Edition, Observable, RevoGrid, Selection } from '../../interfaces';\nimport ColumnService from '../data/columnService';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { codesLetter } from '../../utils/keyCodes';\nimport { SELECTION_BORDER_CLASS } from '../../utils/consts';\nimport { DataSourceState } from '../../store/dataSource/data.store';\nimport { isRangeSingleCell } from '../../store/selection/selection.helpers';\nimport { getCurrentCell, getElStyle } from './selection.utils';\nimport { isEditInput } from './editors/edit.utils';\nimport { KeyboardService } from './keyboard.service';\nimport { AutoFillService } from './autofill.service';\nimport { ClipboardService } from './clipboard.service';\n\n@Component({\n  tag: 'revogr-overlay-selection',\n  styleUrl: 'revogr-overlay-style.scss',\n})\nexport class OverlaySelection {\n  protected columnService: ColumnService;\n\n  protected selectionStoreService: SelectionStoreService;\n  private keyboardService: KeyboardService | null = null;\n  private autoFillService: AutoFillService | null = null;\n  private clipboardService: ClipboardService | null = null;\n  private orderEditor: HTMLRevogrOrderEditorElement;\n\n  @Element() element: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Prop() readonly: boolean;\n  @Prop() range: boolean;\n  @Prop() canDrag: boolean;\n  @Prop() useClipboard: boolean;\n\n  /** Dynamic stores */\n  @Prop() selectionStore: Observable<Selection.SelectionStoreState>;\n  @Prop() dimensionRow: Observable<RevoGrid.DimensionSettingsState>;\n  @Prop() dimensionCol: Observable<RevoGrid.DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  @Prop() dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n\n  @Prop() colData: Observable<DataSourceState<RevoGrid.ColumnRegular, RevoGrid.DimensionCols>>;\n  /** Last cell position */\n  @Prop() lastCell: Selection.Cell;\n  /** Custom editors register */\n  @Prop() editors: Edition.Editors;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) internalCopy: EventEmitter;\n  @Event({ cancelable: true }) internalPaste: EventEmitter;\n\n  @Event({ cancelable: true }) internalCellEdit: EventEmitter<Edition.BeforeSaveDataDetails>;\n  @Event({ cancelable: true }) internalFocusCell: EventEmitter<Edition.BeforeSaveDataDetails>;\n\n  @Event({ bubbles: false }) setEdit: EventEmitter<Edition.BeforeEdit>;\n  /**\n   * Used for editors support when close requested\n   */\n  @Event() cancelEdit: EventEmitter;\n  @Event() setRange: EventEmitter<Selection.RangeArea>;\n  @Event() setTempRange: EventEmitter<Selection.TempRange | null>;\n\n  @Event({ bubbles: false }) focusCell: EventEmitter<Selection.FocusedCells>;\n  /** Selection range changed */\n  @Event({ cancelable: true }) internalSelectionChanged: EventEmitter<Selection.ChangedRange>;\n\n  /** Range data apply */\n  @Event({ cancelable: true }) internalRangeDataApply: EventEmitter<Edition.BeforeRangeSaveDataDetails>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Listeners\n  //\n  // --------------------------------------------------------------------------\n\n  @Listen('mousemove', { target: 'document' }) onMouseMove(e: MouseEvent) {\n    if (this.selectionStoreService.focused) {\n      this.autoFillService.selectionMouseMove(e);\n    }\n  }\n\n  /** Pointer left document, clear any active operation */\n  @Listen('mouseleave', { target: 'document' }) onMouseOut() {\n    this.autoFillService.clearAutoFillSelection();\n  }\n\n  /** Action finished inside of the document */\n  @Listen('mouseup', { target: 'document' }) onMouseUp() {\n    this.autoFillService.clearAutoFillSelection();\n  }\n\n  /** Row drag started */\n  @Listen('dragStartCell') onCellDrag(e: CustomEvent<MouseEvent>) {\n    this.orderEditor?.dragStart(e.detail);\n  }\n\n  /** Recived keyboard down from element */\n  @Listen('keyup', { target: 'document' }) onKeyUp(e: KeyboardEvent) {\n    this.keyboardService?.keyUp(e);\n  }\n\n  /** Recived keyboard down from element */\n  @Listen('keydown', { target: 'document' }) onKeyDown(e: KeyboardEvent) {\n    if (e.defaultPrevented) {\n      return;\n    }\n    this.keyboardService?.keyDown(e, this.range);\n  }\n\n  /** Create selection store */\n  @Watch('selectionStore') selectionServiceSet(s: Observable<Selection.SelectionStoreState>) {\n    this.selectionStoreService = new SelectionStoreService(s, {\n      changeRange: range => !this.setRange.emit(range)?.defaultPrevented,\n      focus: (focus, end) => {\n        const focused = { focus, end };\n        const { defaultPrevented } = this.internalFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));\n        if (defaultPrevented) {\n          return false;\n        }\n        return !this.focusCell.emit(focused)?.defaultPrevented;\n      },\n    });\n\n    this.keyboardService = new KeyboardService({\n      selectionStoreService: this.selectionStoreService,\n      selectionStore: s,\n      doEdit: (v) => this.doEdit(v),\n      cancelEdit: () => this.closeEdit(),\n      clearCell: () => this.clearCell(),\n      getData: () => this.getData(),\n      internalPaste: () => this.internalPaste.emit()\n    });\n    this.createAutoFillService();\n    this.createClipboardService();\n  }\n\n  @Watch('dimensionRow')\n  @Watch('dimensionCol')\n  createAutoFillService() {\n    this.autoFillService = new AutoFillService({\n      selectionStoreService: this.selectionStoreService,\n      dimensionRow: this.dimensionRow,\n      dimensionCol: this.dimensionCol,\n      columnService: this.columnService,\n      dataStore: this.dataStore,\n\n      setTempRange: (e) => this.setTempRange.emit(e),\n      internalSelectionChanged: (e) => this.internalSelectionChanged.emit(e),\n      internalRangeDataApply: (e) => this.internalRangeDataApply.emit(e),\n      setRange: (e) => this.setRange.emit(e),\n      getData: () => this.getData(),\n    });\n  }\n\n  @Watch('dataStore')\n  @Watch('colData')\n  columnServiceSet() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n    this.createAutoFillService();\n    this.createClipboardService();\n  }\n\n  createClipboardService() {\n    this.clipboardService = new ClipboardService({\n      selectionStoreService: this.selectionStoreService,\n      columnService: this.columnService,\n      dataStore: this.dataStore,\n      onRangeApply: (d, r) => this.autoFillService.onRangeApply(d, r),\n      internalCopy: () => this.internalCopy.emit()\n    });\n  }\n\n  connectedCallback() {\n    this.columnServiceSet();\n    this.selectionServiceSet(this.selectionStore);\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n  }\n\n  private renderRange(range: Selection.RangeArea) {\n    const style = getElStyle(range, this.dimensionRow.state, this.dimensionCol.state);\n    return [<div class={SELECTION_BORDER_CLASS} style={style} />];\n  }\n\n  private renderEditCell() {\n    // if can edit\n    const editCell = this.selectionStore.get('edit');\n    if (this.readonly || !editCell) {\n      return;\n    }\n    const val = editCell.val || this.columnService.getCellData(editCell.y, editCell.x);\n    const editable = {\n      ...editCell,\n      ...this.columnService.getSaveData(editCell.y, editCell.x, val),\n    };\n\n    const style = getElStyle({ ...editCell, x1: editCell.x, y1: editCell.y }, this.dimensionRow.state, this.dimensionCol.state);\n    return (\n      <revogr-edit\n        onCellEdit={e => this.onCellEdit(e.detail)}\n        onCloseEdit={e => this.closeEdit(e)}\n        editCell={editable}\n        column={this.columnService.columns[editCell.x]}\n        editor={this.columnService.getCellEditor(editCell.y, editCell.x, this.editors)}\n        style={style}\n      />\n    );\n  }\n\n  render() {\n    const range = this.selectionStoreService.ranged;\n    const selectionFocus = this.selectionStoreService.focused;\n    const els: VNode[] = [];\n    if ((range || selectionFocus) && this.useClipboard) {\n      els.push(this.clipboardService.renderClipboard());\n    }\n\n    if (range) {\n      els.push(...this.renderRange(range));\n    }\n\n    const editCell = this.renderEditCell();\n    if (editCell) {\n      els.push(editCell);\n    }\n    if (selectionFocus && !this.readonly && !editCell && this.range) {\n      els.push(this.autoFillService.renderAutofill(range, selectionFocus));\n    }\n\n    if (this.canDrag) {\n      els.push(\n        <revogr-order-editor\n          ref={e => (this.orderEditor = e)}\n          dataStore={this.dataStore}\n          dimensionRow={this.dimensionRow}\n          dimensionCol={this.dimensionCol}\n          parent={this.element}\n          onInternalRowDragStart={e => this.onRowDragStart(e)}\n        />,\n      );\n    }\n    return (\n      <Host onDblClick={() => this.doEdit()} onMouseDown={(e: MouseEvent) => this.onElementMouseDown(e)}>\n        {els}\n        <slot name=\"data\" />\n      </Host>\n    );\n  }\n\n  protected onElementMouseDown(e: MouseEvent) {\n    // Ignore focus if clicked input\n    if (isEditInput(e.target as HTMLElement | undefined)) {\n      return;\n    }\n    const data = this.getData();\n    if (e.defaultPrevented) {\n      return;\n    }\n    // Regular cell click\n    const focusCell = getCurrentCell({ x: e.x, y: e.y }, data);\n    this.selectionStoreService.focus(focusCell, this.range && e.shiftKey);\n\n    // Initiate autofill selection\n    if (this.range) {\n      this.autoFillService.selectionStart(e, data);\n    }\n  }\n\n  protected doEdit(val = '') {\n    if (this.canEdit()) {\n      const editCell = this.selectionStore.get('focus');\n      const data = this.columnService.getSaveData(editCell.y, editCell.x);\n      this.setEdit?.emit({\n        ...data,\n        val,\n      });\n    }\n  }\n\n  /**\n   * Close editor event triggered\n   * @param details - if requires focus next\n   */\n  private closeEdit(e?: CustomEvent<boolean>) {\n    this.cancelEdit.emit();\n    if (e?.detail) {\n      this.focusNext();\n    }\n  }\n\n  private async focusNext() {\n    const canFocus = await this.keyboardService.keyChangeSelection(\n      new KeyboardEvent('keydown', {\n        code: codesLetter.ARROW_DOWN,\n      }),\n      this.range\n    );\n    if (!canFocus) {\n      this.closeEdit();\n    }\n  }\n\n  protected clearCell() {\n    if (this.selectionStoreService.ranged && !isRangeSingleCell(this.selectionStoreService.ranged)) {\n      const data = this.columnService.getRangeStaticData(this.selectionStoreService.ranged, '');\n      this.autoFillService.onRangeApply(data, this.selectionStoreService.ranged);\n    } else if (this.canEdit()) {\n      const focused = this.selectionStoreService.focused;\n      this.onCellEdit({ rgRow: focused.y, rgCol: focused.x, val: '' }, true);\n    }\n  }\n\n  /** Edit finished, close cell and save */\n  protected onCellEdit(e: Edition.SaveDataDetails, clear = false) {\n    const dataToSave = this.columnService.getSaveData(e.rgRow, e.rgCol, e.val);\n    this.internalCellEdit.emit(dataToSave);\n    // if not clear navigate to next cell after edit\n    if (!clear && !e.preventFocus) {\n      this.focusNext();\n    }\n  }\n\n  private onRowDragStart({ detail }: CustomEvent<{ cell: Selection.Cell; text: string }>) {\n    detail.text = this.columnService.getCellData(detail.cell.y, detail.cell.x);\n  }\n\n  /** Check if edit possible */\n  protected canEdit() {\n    if (this.readonly) {\n      return false;\n    }\n    const editCell = this.selectionStoreService.focused;\n    return editCell && !this.columnService?.isReadOnly(editCell.y, editCell.x);\n  }\n\n  /** Collect data from element */\n  protected getData() {\n    return {\n      el: this.element,\n      rows: this.dimensionRow.state,\n      cols: this.dimensionCol.state,\n      lastCell: this.lastCell,\n    };\n  }\n}\n"]}

package/dist/collection/components/overlay/selection.utils.js

@@ -101,3 +101,4 @@ export function getElStyle(range, dimensionRow, dimensionCol) {
   const styles = getCell(range, dimensionRow, dimensionCol);
   return styleByCellProps(styles);
 }
+//# sourceMappingURL=selection.utils.js.map

package/dist/collection/components/overlay/selection.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.utils.js","sourceRoot":"","sources":["../../../src/components/overlay/selection.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getItemByIndex, getItemByPosition } from '../../store/dimension/dimension.helpers';\nimport { Selection, RevoGrid } from '../../interfaces';\nimport Cell = Selection.Cell;\n\nexport type EventData = {\n  el: HTMLElement;\n  rows: RevoGrid.DimensionSettingsState;\n  cols: RevoGrid.DimensionSettingsState;\n  lastCell: Selection.Cell;\n};\n\n/** Calculate cell based on x, y position */\nexport function getCurrentCell({ x, y }: Cell, { el, rows, cols }: EventData): Cell {\n  const { top, left, height, width } = el.getBoundingClientRect();\n  let cellY = y - top;\n\n  // limit to element height\n\n  if (cellY >= height) {\n    cellY = height - 1;\n  }\n  let cellX = x - left;\n  // limit to element width\n  if (cellX >= width) {\n    cellX = width - 1;\n  }\n  const rgRow = getItemByPosition(rows, cellY);\n  const rgCol = getItemByPosition(cols, cellX);\n  // before first\n  if (rgCol.itemIndex < 0) {\n    rgCol.itemIndex = 0;\n  }\n  // before first\n  if (rgRow.itemIndex < 0) {\n    rgRow.itemIndex = 0;\n  }\n  return { x: rgCol.itemIndex, y: rgRow.itemIndex };\n}\n\nexport function getCoordinate(range: Selection.RangeArea, focus: Cell, changes: Partial<Cell>, isMulti = false) {\n  const updateCoordinate = (c: keyof Cell) => {\n    const start = { x: range.x, y: range.y };\n    const end = isMulti ? { x: range.x1, y: range.y1 } : start;\n    const point = end[c] > focus[c] ? end : start;\n    point[c] += changes[c];\n    return { start, end };\n  };\n\n  if (changes.x) {\n    return updateCoordinate('x');\n  }\n  if (changes.y) {\n    return updateCoordinate('y');\n  }\n  return null;\n}\n\n/** check if out of range */\nexport function isAfterLast({ x, y }: Cell, { lastCell }: EventData) {\n  return x >= lastCell.x || y >= lastCell.y;\n}\n\n/** check if out of range */\nexport function isBeforeFirst({ x, y }: Cell) {\n  return x < 0 || y < 0;\n}\n\n/** Compare cells, only 1 coordinate difference is possible */\nexport function getDirectionCoordinate(initial: Cell, last: Cell): Partial<Cell> | null {\n  const c: (keyof Cell)[] = ['x', 'y'];\n  for (let k of c) {\n    if (initial[k] !== last[k]) {\n      return { [k]: 1 };\n    }\n  }\n  return null;\n}\n\nexport function getLargestAxis(initial: Cell, last: Cell): Partial<Cell> | null {\n  const cell: Partial<Cell> = {};\n  const c: (keyof Cell)[] = ['x', 'y'];\n  for (let k of c) {\n    cell[k] = Math.abs(initial[k] - last[k]);\n  }\n  if (cell.x > cell.y) {\n    return { x: 1 };\n  }\n  if (cell.y > cell.x) {\n    return { y: 1 };\n  }\n  return null;\n}\n\nfunction styleByCellProps(styles: { [key: string]: number }): Selection.RangeAreaCss {\n  return {\n    left: `${styles.left}px`,\n    top: `${styles.top}px`,\n    width: `${styles.width}px`,\n    height: `${styles.height}px`,\n  };\n}\n\nexport function getCell({ x, y, x1, y1 }: Selection.RangeArea, dimensionRow: RevoGrid.DimensionSettingsState, dimensionCol: RevoGrid.DimensionSettingsState) {\n  const top: number = getItemByIndex(dimensionRow, y).start;\n  const left: number = getItemByIndex(dimensionCol, x).start;\n  const bottom: number = getItemByIndex(dimensionRow, y1).end;\n  const right: number = getItemByIndex(dimensionCol, x1).end;\n\n  return {\n    left,\n    right,\n    top,\n    bottom,\n    width: right - left,\n    height: bottom - top,\n  };\n}\n\nexport function getElStyle(range: Selection.RangeArea, dimensionRow: RevoGrid.DimensionSettingsState, dimensionCol: RevoGrid.DimensionSettingsState): Selection.RangeAreaCss {\n  const styles = getCell(range, dimensionRow, dimensionCol);\n  return styleByCellProps(styles);\n}\n"]}

package/dist/collection/components/revo-grid/revo-grid-style.css

@@ -432,19 +432,13 @@ revo-grid {
   font-family: Helvetica, Arial, Sans-Serif, serif;
   font-size: 14px;
   position: relative;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Safari */
-  -khtml-user-select: none;
-  /* Konqueror HTML */
-  -moz-user-select: none;
-  /* Old versions of Firefox */
-  -ms-user-select: none;
-  /* Internet Explorer/Edge */
-  user-select: none;
-  /* Non-prefixed version, currently
-               supported by Chrome, Edge, Opera and Firefox */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+  -khtml-user-select: none; /* Konqueror HTML */
+  -moz-user-select: none; /* Old versions of Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
+             supported by Chrome, Edge, Opera and Firefox */
   display: flex;
   flex-direction: column;
   width: 100%;