@revolist/revogrid 4.4.0-next.2 → 4.4.0-next.21

package/dist/collection/components/overlay/clipboard.service.d.ts

@@ -16,7 +16,7 @@ export declare class ClipboardService {
   private sv;
   private clipboard;
   constructor(sv: Config);
-  renderClipboard(): any;
+  renderClipboard(readonly?: boolean): any;
   private getRegion;
   private onCopy;
   private onPaste;

package/dist/collection/components/overlay/clipboard.service.js

@@ -7,8 +7,8 @@ export class ClipboardService {
   constructor(sv) {
     this.sv = sv;
   }
-  renderClipboard() {
-    return h("revogr-clipboard", { onCopyRegion: e => this.onCopy(e.detail), onClearRegion: () => this.sv.rangeClear(), ref: e => (this.clipboard = e), onPasteRegion: e => this.onPaste(e.detail) });
+  renderClipboard(readonly = false) {
+    return h("revogr-clipboard", { readonly: readonly, onCopyRegion: e => this.onCopy(e.detail), onClearRegion: () => this.sv.rangeClear(), ref: e => (this.clipboard = e), onPasteRegion: e => this.onPaste(e.detail) });
   }
   getRegion() {
     const focus = this.sv.selectionStoreService.focused;

package/dist/collection/components/overlay/clipboard.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/clipboard.service.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAenE,MAAM,OAAO,gBAAgB;EAE3B,YAAoB,EAAU;IAAV,OAAE,GAAF,EAAE,CAAQ;EAAG,CAAC;EAElC,eAAe;IACb,OAAO,wBACL,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,EACzC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAI,CAAC;EACnD,CAAC;EACO,SAAS;IACf,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACpD,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC;IACjD,IAAI,CAAC,KAAK,EAAE;MACV,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;EACf,CAAC;EACO,MAAM,CAAC,CAAe;IAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,YAAY,CAAC,gBAAgB,EAAE;MACjC,OAAO,KAAK,CAAC;KACd;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC;EACd,CAAC;EAEO,OAAO,CAAC,IAAgB;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;MACvB,OAAO;KACR;IACD,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtF,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3E,IAAI,QAAQ,EAAE;MACZ,OAAO;KACR;IACD,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;EACrC,CAAC;CACF","sourcesContent":["import { h } from '@stencil/core';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport ColumnService from '../data/columnService';\nimport { DataSourceState } from '../../store/dataSource/data.store';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  columnService: ColumnService;\n  dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n  rangeApply(data: RevoGrid.DataLookup, range: Selection.RangeArea): void;\n  rangeCopy(range: Selection.RangeArea): any;\n  rangeClear(): void;\n  beforeCopy(range: Selection.RangeArea): CustomEvent;\n  beforePaste(data: RevoGrid.DataLookup, range: Selection.RangeArea): CustomEvent;\n};\n\nexport class ClipboardService {\n  private clipboard: HTMLRevogrClipboardElement;\n  constructor(private sv: Config) {}\n\n  renderClipboard() {\n    return <revogr-clipboard\n      onCopyRegion={e => this.onCopy(e.detail)}\n      onClearRegion={() => this.sv.rangeClear()}\n      ref={e => (this.clipboard = e)}\n      onPasteRegion={e => this.onPaste(e.detail)} />;\n  }\n  private getRegion() {\n    const focus = this.sv.selectionStoreService.focused;\n    let range = this.sv.selectionStoreService.ranged;\n    if (!range) {\n      range = getRange(focus, focus);\n    }\n    return range;\n  }\n  private onCopy(e: DataTransfer) {\n    const range = this.getRegion();\n    const canCopyEvent = this.sv.beforeCopy(range);\n    if (canCopyEvent.defaultPrevented) {\n      return false;\n    }\n    const data = this.sv.rangeCopy(range);\n    this.clipboard.doCopy(e, data);\n    return true;\n  }\n\n  private onPaste(data: string[][]) {\n    const focus = this.sv.selectionStoreService.focused;\n    const isEditing = this.sv.selectionStoreService.edited !== null;\n    if (!focus || isEditing) {\n      return;\n    }\n    let { changed, range } = this.sv.columnService.getTransformedDataToApply(focus, data);\n    const { defaultPrevented: canPaste } = this.sv.beforePaste(changed, range);\n    if (canPaste) {\n      return;\n    }\n    this.sv.rangeApply(changed, range);\n  }\n}\n"]}
+{"version":3,"file":"clipboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/clipboard.service.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAenE,MAAM,OAAO,gBAAgB;EAE3B,YAAoB,EAAU;IAAV,OAAE,GAAF,EAAE,CAAQ;EAAG,CAAC;EAElC,eAAe,CAAC,QAAQ,GAAG,KAAK;IAC9B,OAAO,wBACL,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,EACzC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAI,CAAC;EACnD,CAAC;EACO,SAAS;IACf,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACpD,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC;IACjD,IAAI,CAAC,KAAK,EAAE;MACV,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAChC;IACD,OAAO,KAAK,CAAC;EACf,CAAC;EACO,MAAM,CAAC,CAAe;IAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,YAAY,CAAC,gBAAgB,EAAE;MACjC,OAAO,KAAK,CAAC;KACd;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC;EACd,CAAC;EAEO,OAAO,CAAC,IAAgB;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;MACvB,OAAO;KACR;IACD,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtF,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3E,IAAI,QAAQ,EAAE;MACZ,OAAO;KACR;IACD,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;EACrC,CAAC;CACF","sourcesContent":["import { h } from '@stencil/core';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport ColumnService from '../data/columnService';\nimport { DataSourceState } from '../../store/dataSource/data.store';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  columnService: ColumnService;\n  dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n  rangeApply(data: RevoGrid.DataLookup, range: Selection.RangeArea): void;\n  rangeCopy(range: Selection.RangeArea): any;\n  rangeClear(): void;\n  beforeCopy(range: Selection.RangeArea): CustomEvent;\n  beforePaste(data: RevoGrid.DataLookup, range: Selection.RangeArea): CustomEvent;\n};\n\nexport class ClipboardService {\n  private clipboard: HTMLRevogrClipboardElement;\n  constructor(private sv: Config) {}\n\n  renderClipboard(readonly = false) {\n    return <revogr-clipboard\n      readonly={readonly}\n      onCopyRegion={e => this.onCopy(e.detail)}\n      onClearRegion={() => this.sv.rangeClear()}\n      ref={e => (this.clipboard = e)}\n      onPasteRegion={e => this.onPaste(e.detail)} />;\n  }\n  private getRegion() {\n    const focus = this.sv.selectionStoreService.focused;\n    let range = this.sv.selectionStoreService.ranged;\n    if (!range) {\n      range = getRange(focus, focus);\n    }\n    return range;\n  }\n  private onCopy(e: DataTransfer) {\n    const range = this.getRegion();\n    const canCopyEvent = this.sv.beforeCopy(range);\n    if (canCopyEvent.defaultPrevented) {\n      return false;\n    }\n    const data = this.sv.rangeCopy(range);\n    this.clipboard.doCopy(e, data);\n    return true;\n  }\n\n  private onPaste(data: string[][]) {\n    const focus = this.sv.selectionStoreService.focused;\n    const isEditing = this.sv.selectionStoreService.edited !== null;\n    if (!focus || isEditing) {\n      return;\n    }\n    let { changed, range } = this.sv.columnService.getTransformedDataToApply(focus, data);\n    const { defaultPrevented: canPaste } = this.sv.beforePaste(changed, range);\n    if (canPaste) {\n      return;\n    }\n    this.sv.rangeApply(changed, range);\n  }\n}\n"]}

package/dist/collection/components/overlay/keyboard.service.js

@@ -23,9 +23,7 @@ export class KeyboardService {
     if (isCtrlKey(e.keyCode, navigator.platform)) {
       this.ctrlDown = true;
     }
-    /**
-     *  IF EDIT MODE
-     */
+    // IF EDIT MODE
     if (this.sv.selectionStoreService.edited) {
       switch (e.code) {
         case codesLetter.ESCAPE:
@@ -34,9 +32,7 @@ export class KeyboardService {
       }
       return;
     }
-    /**
-     *  IF NOT EDIT MODE
-     */
+    // IF NOT EDIT MODE
     // pressed clear key
     if (this.sv.selectionStoreService.ranged && isClear(e.code)) {
       this.sv.clearCell();

package/dist/collection/components/overlay/keyboard.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/keyboard.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Observable, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { codesLetter } from '../../utils/keyCodes';\nimport { isClear, isCtrlKey, isEnterKey, isLetterKey } from '../../utils/keyCodes.utils';\nimport { timeout } from '../../utils';\nimport { EventData, getCoordinate, isAfterLast, isBeforeFirst } from './selection.utils';\nimport { RESIZE_INTERVAL } from '../../utils/consts';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  selectionStore: Observable<Selection.SelectionStoreState>;\n\n  applyEdit(val?: any): void;\n  cancelEdit(): void;\n  clearCell(): void;\n  focusNext(focus: Selection.Cell, next: Partial<Selection.Cell>): boolean;\n  getData(): any;\n  internalPaste(): void;\n  range(range: Selection.RangeArea): boolean;\n  selectAll(): void;\n};\n\nconst DIRECTION_CODES: string[] = [\n  codesLetter.TAB,\n  codesLetter.ARROW_UP,\n  codesLetter.ARROW_DOWN,\n  codesLetter.ARROW_LEFT,\n  codesLetter.ARROW_RIGHT,\n];\nexport class KeyboardService {\n  private ctrlDown = false;\n\n  constructor(private sv: Config) {}\n\n  async keyDown(e: KeyboardEvent, canRange: boolean) {\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = true;\n    }\n\n\n    /**\n     *  IF EDIT MODE\n     */\n    if (this.sv.selectionStoreService.edited) {\n      switch (e.code) {\n        case codesLetter.ESCAPE:\n          this.sv.cancelEdit();\n          break;\n      }\n      return;\n    }\n\n    /**\n     *  IF NOT EDIT MODE\n     */\n\n    // pressed clear key\n    if (this.sv.selectionStoreService.ranged && isClear(e.code)) {\n      this.sv.clearCell();\n      return;\n    }\n\n    // below works with focus only\n    if (!this.sv.selectionStoreService.focused) {\n      return;\n    }\n\n    // tab key means same as arrow right\n    if (codesLetter.TAB === e.code) {\n      this.keyChangeSelection(e, canRange);\n      return;\n    }\n\n    // pressed enter\n    if (isEnterKey(e.code)) {\n      this.sv.applyEdit();\n      return;\n    }\n\n    // copy operation\n    if (this.isCopy(e)) {\n      return;\n    }\n\n    // cut operation\n    if (this.isCut(e)) {\n      return;\n    }\n\n    // paste operation\n    if (this.isPaste(e)) {\n      this.sv.internalPaste();\n      return;\n    }\n\n    // select all\n    if (this.isAll(e)) {\n      if (canRange) {\n        this.selectAll(e);\n      }\n      return;\n    }\n\n    // pressed letter key\n    if (isLetterKey(e.keyCode)) {\n      this.sv.applyEdit(e.key);\n      return;\n    }\n\n    // pressed arrow, change selection position\n    if (await this.keyChangeSelection(e, canRange)) {\n      return;\n    }\n  }\n\n  private selectAll(e: KeyboardEvent) {\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    // if no range or focus - do nothing\n    if (!range || !focus) {\n      return;\n    }\n    e.preventDefault();\n    this.sv.selectAll();\n  }\n\n  async keyChangeSelection(e: KeyboardEvent, canRange: boolean) {\n    const data = this.changeDirectionKey(e, canRange);\n    if (!data) {\n      return false;\n    }\n\n    // this interval needed for several cases\n    // grid could be resized before next click\n    // at this case to avoid screen jump we use this interval\n    await timeout(RESIZE_INTERVAL + 30);\n\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    return this.keyPositionChange(data.changes, range, focus, data.isMulti);\n  }\n\n  keyPositionChange(\n    changes: Partial<Selection.Cell>,\n    range?: Selection.RangeArea,\n    focus?: Selection.Cell,\n    isMulti = false\n  ) {\n    if (!range || !focus) {\n      return false;\n    }\n    const data = getCoordinate(range, focus, changes, isMulti);\n    if (!data) {\n      return false;\n    }\n    if (isMulti) {\n      const eData: EventData = this.sv.getData();\n      if (isAfterLast(data.end, eData) || isBeforeFirst(data.start)) {\n        return false;\n      }\n      const range = getRange(data.start, data.end);\n      return this.sv.range(range);\n    }\n    return this.sv.focusNext(data.start, changes);\n  }\n\n  keyUp(e: KeyboardEvent): void {\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = false;\n    }\n  }\n  isCut(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.X;\n  }\n  isCopy(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.C;\n  }\n  isPaste(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.V;\n  }\n  isAll(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.A;\n  }\n  /** Monitor key direction changes */\n  changeDirectionKey(e: KeyboardEvent, canRange: boolean): { changes: Partial<Selection.Cell>; isMulti?: boolean } | void {\n    const isMulti = canRange && e.shiftKey;\n    if (DIRECTION_CODES.includes(e.code)) {\n      e.preventDefault();\n    }\n    switch (e.code) {\n      case codesLetter.ARROW_UP:\n        return { changes: { y: -1 }, isMulti };\n      case codesLetter.ARROW_DOWN:\n        return { changes: { y: 1 }, isMulti };\n      case codesLetter.ARROW_LEFT:\n        return { changes: { x: -1 }, isMulti };\n      case codesLetter.TAB:\n      case codesLetter.ARROW_RIGHT:\n        return { changes: { x: 1 }, isMulti };\n    }\n  }\n}\n"]}
+{"version":3,"file":"keyboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/keyboard.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Observable, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { codesLetter } from '../../utils/keyCodes';\nimport { isClear, isCtrlKey, isEnterKey, isLetterKey } from '../../utils/keyCodes.utils';\nimport { timeout } from '../../utils';\nimport { EventData, getCoordinate, isAfterLast, isBeforeFirst } from './selection.utils';\nimport { RESIZE_INTERVAL } from '../../utils/consts';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  selectionStore: Observable<Selection.SelectionStoreState>;\n\n  applyEdit(val?: any): void;\n  cancelEdit(): void;\n  clearCell(): void;\n  focusNext(focus: Selection.Cell, next: Partial<Selection.Cell>): boolean;\n  getData(): any;\n  internalPaste(): void;\n  range(range: Selection.RangeArea): boolean;\n  selectAll(): void;\n};\n\nconst DIRECTION_CODES: string[] = [\n  codesLetter.TAB,\n  codesLetter.ARROW_UP,\n  codesLetter.ARROW_DOWN,\n  codesLetter.ARROW_LEFT,\n  codesLetter.ARROW_RIGHT,\n];\nexport class KeyboardService {\n  private ctrlDown = false;\n\n  constructor(private sv: Config) {}\n\n  async keyDown(e: KeyboardEvent, canRange: boolean) {\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = true;\n    }\n\n\n    // IF EDIT MODE\n    if (this.sv.selectionStoreService.edited) {\n      switch (e.code) {\n        case codesLetter.ESCAPE:\n          this.sv.cancelEdit();\n          break;\n      }\n      return;\n    }\n\n    // IF NOT EDIT MODE\n\n    // pressed clear key\n    if (this.sv.selectionStoreService.ranged && isClear(e.code)) {\n      this.sv.clearCell();\n      return;\n    }\n\n    // below works with focus only\n    if (!this.sv.selectionStoreService.focused) {\n      return;\n    }\n\n    // tab key means same as arrow right\n    if (codesLetter.TAB === e.code) {\n      this.keyChangeSelection(e, canRange);\n      return;\n    }\n\n    // pressed enter\n    if (isEnterKey(e.code)) {\n      this.sv.applyEdit();\n      return;\n    }\n\n    // copy operation\n    if (this.isCopy(e)) {\n      return;\n    }\n\n    // cut operation\n    if (this.isCut(e)) {\n      return;\n    }\n\n    // paste operation\n    if (this.isPaste(e)) {\n      this.sv.internalPaste();\n      return;\n    }\n\n    // select all\n    if (this.isAll(e)) {\n      if (canRange) {\n        this.selectAll(e);\n      }\n      return;\n    }\n\n    // pressed letter key\n    if (isLetterKey(e.keyCode)) {\n      this.sv.applyEdit(e.key);\n      return;\n    }\n\n    // pressed arrow, change selection position\n    if (await this.keyChangeSelection(e, canRange)) {\n      return;\n    }\n  }\n\n  private selectAll(e: KeyboardEvent) {\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    // if no range or focus - do nothing\n    if (!range || !focus) {\n      return;\n    }\n    e.preventDefault();\n    this.sv.selectAll();\n  }\n\n  async keyChangeSelection(e: KeyboardEvent, canRange: boolean) {\n    const data = this.changeDirectionKey(e, canRange);\n    if (!data) {\n      return false;\n    }\n\n    // this interval needed for several cases\n    // grid could be resized before next click\n    // at this case to avoid screen jump we use this interval\n    await timeout(RESIZE_INTERVAL + 30);\n\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    return this.keyPositionChange(data.changes, range, focus, data.isMulti);\n  }\n\n  keyPositionChange(\n    changes: Partial<Selection.Cell>,\n    range?: Selection.RangeArea,\n    focus?: Selection.Cell,\n    isMulti = false\n  ) {\n    if (!range || !focus) {\n      return false;\n    }\n    const data = getCoordinate(range, focus, changes, isMulti);\n    if (!data) {\n      return false;\n    }\n    if (isMulti) {\n      const eData: EventData = this.sv.getData();\n      if (isAfterLast(data.end, eData) || isBeforeFirst(data.start)) {\n        return false;\n      }\n      const range = getRange(data.start, data.end);\n      return this.sv.range(range);\n    }\n    return this.sv.focusNext(data.start, changes);\n  }\n\n  keyUp(e: KeyboardEvent): void {\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = false;\n    }\n  }\n  isCut(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.X;\n  }\n  isCopy(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.C;\n  }\n  isPaste(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.V;\n  }\n  isAll(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.A;\n  }\n  /** Monitor key direction changes */\n  changeDirectionKey(e: KeyboardEvent, canRange: boolean): { changes: Partial<Selection.Cell>; isMulti?: boolean } | void {\n    const isMulti = canRange && e.shiftKey;\n    if (DIRECTION_CODES.includes(e.code)) {\n      e.preventDefault();\n    }\n    switch (e.code) {\n      case codesLetter.ARROW_UP:\n        return { changes: { y: -1 }, isMulti };\n      case codesLetter.ARROW_DOWN:\n        return { changes: { y: 1 }, isMulti };\n      case codesLetter.ARROW_LEFT:\n        return { changes: { x: -1 }, isMulti };\n      case codesLetter.TAB:\n      case codesLetter.ARROW_RIGHT:\n        return { changes: { x: 1 }, isMulti };\n    }\n  }\n}\n"]}

package/dist/collection/components/overlay/revogr-edit.d.ts

@@ -1,18 +1,26 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Edition, RevoGrid } from '../../interfaces';
+/**
+ * Cell editor component
+ */
 export declare class RevoEdit {
   element: HTMLElement;
   editCell: Edition.EditCell;
   column: RevoGrid.ColumnRegular | null;
   /** Custom editors register */
   editor: Edition.EditorCtr | null;
+  /** Save on editor close */
   saveOnClose: boolean;
+  /** Additional data to pass to renderer */
+  additionalData: any;
+  /** Cell edit event */
   cellEdit: EventEmitter<Edition.SaveDataDetails>;
   /**
    * Close editor event
    * pass true if requires focus next
    */
   closeEdit: EventEmitter<boolean | undefined>;
+  /** Edit session editor */
   private currentEditor;
   private saveRunning;
   cancel(): Promise<void>;

package/dist/collection/components/overlay/revogr-edit.js

@@ -4,14 +4,19 @@
 import { h, Host } from '@stencil/core';
 import { EDIT_INPUT_WR } from '../../utils/consts';
 import { TextEditor } from './editors/text';
+/**
+ * Cell editor component
+ */
 export class RevoEdit {
   constructor() {
+    /** Edit session editor */
     this.currentEditor = null;
     this.saveRunning = false;
     this.editCell = undefined;
     this.column = undefined;
     this.editor = undefined;
     this.saveOnClose = false;
+    this.additionalData = undefined;
   }
   async cancel() {
     this.saveRunning = true;
@@ -39,6 +44,8 @@ export class RevoEdit {
       this.cellEdit.emit({
         rgCol: this.editCell.x,
         rgRow: this.editCell.y,
+        type: this.editCell.type,
+        prop: this.editCell.prop,
         val,
         preventFocus,
       });
@@ -50,8 +57,8 @@ export class RevoEdit {
       return;
     }
     this.saveRunning = false;
-    // fresh run
-    // editor defined for the column
+    // custom editor usage
+    // use TextEditor (editors/text.tsx) to create custom editor
     if (this.editor) {
       this.currentEditor = new this.editor(this.column, 
       // save
@@ -69,11 +76,12 @@ export class RevoEdit {
     this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));
   }
   componentDidRender() {
+    var _a, _b;
     if (!this.currentEditor) {
       return;
     }
     this.currentEditor.element = this.element.firstElementChild;
-    this.currentEditor.componentDidRender && this.currentEditor.componentDidRender();
+    (_b = (_a = this.currentEditor).componentDidRender) === null || _b === void 0 ? void 0 : _b.call(_a);
   }
   disconnectedCallback() {
     if (this.saveOnClose) {
@@ -96,7 +104,7 @@ export class RevoEdit {
   render() {
     if (this.currentEditor) {
       this.currentEditor.editCell = this.editCell;
-      return h(Host, { class: EDIT_INPUT_WR }, this.currentEditor.render(h));
+      return h(Host, { class: EDIT_INPUT_WR }, this.currentEditor.render(h, this.additionalData));
     }
     return '';
   }
@@ -185,11 +193,28 @@ export class RevoEdit {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Save on editor close"
         },
         "attribute": "save-on-close",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "additionalData": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Additional data to pass to renderer"
+        },
+        "attribute": "additional-data",
+        "reflect": false
       }
     };
   }
@@ -197,16 +222,16 @@ export class RevoEdit {
     return [{
         "method": "cellEdit",
         "name": "cellEdit",
-        "bubbles": false,
+        "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Cell edit event"
         },
         "complexType": {
           "original": "Edition.SaveDataDetails",
-          "resolved": "{ rgRow: number; rgCol: number; val: any; preventFocus?: boolean; }",
+          "resolved": "{ rgRow: number; rgCol: number; type: DimensionRows; prop: ColumnProp; val: any; preventFocus?: boolean; }",
           "references": {
             "Edition": {
               "location": "import",
@@ -217,7 +242,7 @@ export class RevoEdit {
       }, {
         "method": "closeEdit",
         "name": "closeEdit",
-        "bubbles": false,
+        "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {

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

@@ -1 +1 @@
-{"version":3,"file":"revogr-edit.js","sourceRoot":"","sources":["../../../src/components/overlay/revogr-edit.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, h, Element, Host, Method } from '@stencil/core';\n\nimport { Edition, RevoGrid } from '../../interfaces';\nimport { EDIT_INPUT_WR } from '../../utils/consts';\nimport { TextEditor } from './editors/text';\n\n@Component({\n  tag: 'revogr-edit',\n  styleUrl: 'revogr-edit-style.scss',\n})\nexport class RevoEdit {\n  @Element() element: HTMLElement;\n  @Prop() editCell: Edition.EditCell;\n\n  @Prop() column: RevoGrid.ColumnRegular | null;\n  /** Custom editors register */\n  @Prop() editor: Edition.EditorCtr | null;\n\n  @Prop() saveOnClose: boolean = false;\n\n  @Event({ bubbles: false }) cellEdit: EventEmitter<Edition.SaveDataDetails>;\n\n  /**\n   * Close editor event\n   * pass true if requires focus next\n   */\n  @Event({ bubbles: false }) closeEdit: EventEmitter<boolean | undefined>;\n\n  private currentEditor: Edition.EditorBase | null = null;\n  private saveRunning = false;\n\n  @Method() async cancel() {\n    this.saveRunning = true;\n  }\n\n  onAutoSave() {\n    this.saveRunning = true;\n    const val = this.currentEditor.getValue && this.currentEditor.getValue();\n    // for editor plugin internal usage in case you want to stop save and use your own\n    if (this.currentEditor.beforeAutoSave) {\n      const canSave = this.currentEditor.beforeAutoSave(val);\n      if (canSave === false) {\n        return;\n      }\n    }\n    this.onSave(val, true);\n  }\n\n  /**\n   * Callback triggered on cell editor save\n   * Closes editor when called\n   * @param preventFocus - if true editor will not be closed and next cell will not be focused\n   */\n  onSave(val: Edition.SaveData, preventFocus?: boolean): void {\n    this.saveRunning = true;\n    if (this.editCell) {\n      this.cellEdit.emit({\n        rgCol: this.editCell.x,\n        rgRow: this.editCell.y,\n        val,\n        preventFocus,\n      });\n    }\n  }\n\n  componentWillRender(): void {\n    // we have active editor\n    if (this.currentEditor) {\n      return;\n    }\n    this.saveRunning = false;\n    // fresh run\n    // editor defined for the column\n    if (this.editor) {\n      this.currentEditor = new this.editor(\n        this.column,\n        // save\n        (e, preventFocus) => {\n          this.onSave(e, preventFocus);\n        },\n        // cancel\n        focusNext => {\n          this.saveRunning = true;\n          this.closeEdit.emit(focusNext);\n        },\n      );\n      return;\n    }\n    // default text editor usage\n    this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));\n  }\n\n  componentDidRender(): void {\n    if (!this.currentEditor) {\n      return;\n    }\n    this.currentEditor.element = this.element.firstElementChild;\n    this.currentEditor.componentDidRender && this.currentEditor.componentDidRender();\n  }\n\n  disconnectedCallback(): void {\n    if (this.saveOnClose) {\n      // shouldn't be cancelled by saveRunning\n      // editor requires getValue to be able to save\n      if (!this.saveRunning) {\n        this.onAutoSave();\n      }\n    }\n\n    this.saveRunning = false;\n    if (!this.currentEditor) {\n      return;\n    }\n\n    this.currentEditor.disconnectedCallback && this.currentEditor.disconnectedCallback();\n    if (this.currentEditor.element) {\n      this.currentEditor.element = null;\n    }\n    this.currentEditor = null;\n  }\n\n  render() {\n    if (this.currentEditor) {\n      this.currentEditor.editCell = this.editCell;\n      return <Host class={EDIT_INPUT_WR}>{this.currentEditor.render(h)}</Host>;\n    }\n    return '';\n  }\n}\n"]}
+{"version":3,"file":"revogr-edit.js","sourceRoot":"","sources":["../../../src/components/overlay/revogr-edit.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, h, Element, Host, Method } from '@stencil/core';\n\nimport { Edition, RevoGrid } from '../../interfaces';\nimport { EDIT_INPUT_WR } from '../../utils/consts';\nimport { TextEditor } from './editors/text';\n\n/**\n * Cell editor component\n */\n@Component({\n  tag: 'revogr-edit',\n  styleUrl: 'revogr-edit-style.scss',\n})\nexport class RevoEdit {\n  @Element() element: HTMLElement;\n  @Prop() editCell: Edition.EditCell;\n\n  @Prop() column: RevoGrid.ColumnRegular | null;\n  /** Custom editors register */\n  @Prop() editor: Edition.EditorCtr | null;\n\n  /** Save on editor close */\n  @Prop() saveOnClose: boolean = false;\n  /** Additional data to pass to renderer */\n  @Prop() additionalData: any;\n\n  /** Cell edit event */\n  @Event() cellEdit: EventEmitter<Edition.SaveDataDetails>;\n\n  /**\n   * Close editor event\n   * pass true if requires focus next\n   */\n  @Event() closeEdit: EventEmitter<boolean | undefined>;\n\n  /** Edit session editor */\n  private currentEditor: Edition.EditorBase | null = null;\n  private saveRunning = false;\n\n  @Method() async cancel() {\n    this.saveRunning = true;\n  }\n\n  onAutoSave() {\n    this.saveRunning = true;\n    const val = this.currentEditor.getValue && this.currentEditor.getValue();\n    // for editor plugin internal usage in case you want to stop save and use your own\n    if (this.currentEditor.beforeAutoSave) {\n      const canSave = this.currentEditor.beforeAutoSave(val);\n      if (canSave === false) {\n        return;\n      }\n    }\n    this.onSave(val, true);\n  }\n\n  /**\n   * Callback triggered on cell editor save\n   * Closes editor when called\n   * @param preventFocus - if true editor will not be closed and next cell will not be focused\n   */\n  onSave(val: Edition.SaveData, preventFocus?: boolean): void {\n    this.saveRunning = true;\n    if (this.editCell) {\n      this.cellEdit.emit({\n        rgCol: this.editCell.x,\n        rgRow: this.editCell.y,\n        type: this.editCell.type,\n        prop: this.editCell.prop,\n        val,\n        preventFocus,\n      });\n    }\n  }\n\n  componentWillRender(): void {\n    // we have active editor\n    if (this.currentEditor) {\n      return;\n    }\n    this.saveRunning = false;\n    \n    // custom editor usage\n    // use TextEditor (editors/text.tsx) to create custom editor\n    if (this.editor) {\n      this.currentEditor = new this.editor(\n        this.column,\n        // save\n        (e, preventFocus) => {\n          this.onSave(e, preventFocus);\n        },\n        // cancel\n        focusNext => {\n          this.saveRunning = true;\n          this.closeEdit.emit(focusNext);\n        },\n      );\n      return;\n    }\n    // default text editor usage\n    this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));\n  }\n\n  componentDidRender(): void {\n    if (!this.currentEditor) {\n      return;\n    }\n    this.currentEditor.element = this.element.firstElementChild;\n    this.currentEditor.componentDidRender?.();\n  }\n\n  disconnectedCallback(): void {\n    if (this.saveOnClose) {\n      // shouldn't be cancelled by saveRunning\n      // editor requires getValue to be able to save\n      if (!this.saveRunning) {\n        this.onAutoSave();\n      }\n    }\n\n    this.saveRunning = false;\n    if (!this.currentEditor) {\n      return;\n    }\n\n    this.currentEditor.disconnectedCallback && this.currentEditor.disconnectedCallback();\n    if (this.currentEditor.element) {\n      this.currentEditor.element = null;\n    }\n    this.currentEditor = null;\n  }\n\n  render() {\n    if (this.currentEditor) {\n      this.currentEditor.editCell = this.editCell;\n      return <Host class={EDIT_INPUT_WR}>{this.currentEditor.render(h, this.additionalData)}</Host>;\n    }\n    return '';\n  }\n}\n"]}

package/dist/collection/components/overlay/revogr-overlay-selection.d.ts

@@ -4,13 +4,6 @@ import ColumnService from '../data/columnService';
 import SelectionStoreService from '../../store/selection/selection.store.service';
 import { DataSourceState } from '../../store/dataSource/data.store';
 export declare class OverlaySelection {
-  protected columnService: ColumnService;
-  protected selectionStoreService: SelectionStoreService;
-  private keyboardService;
-  private autoFillService;
-  private clipboardService;
-  private orderEditor;
-  private revogrEdit;
   element: HTMLElement;
   /**
    * If readonly mode enables
@@ -49,12 +42,31 @@ export declare class OverlaySelection {
    * Custom editors register
    */
   editors: Edition.Editors;
-  /** If true applys changes when cell closes if not Escape */
+  /**
+   * If true applys changes when cell closes if not Escape
+   */
   applyChangesOnClose: boolean;
+  /**
+   * Additional data to pass to renderer
+   */
+  additionalData: any;
+  /**
+   * Is mobile view mode
+   */
+  isMobileDevice: boolean;
+  /**
+   * Before clipboard copy happened
+   */
   internalCopy: EventEmitter;
+  /**
+   * Before paste happened
+   */
   internalPaste: EventEmitter;
   internalCellEdit: EventEmitter<Edition.BeforeSaveDataDetails>;
   beforeFocusCell: EventEmitter<Edition.BeforeSaveDataDetails>;
+  /**
+   * Set edit cell
+   */
   setEdit: EventEmitter<Edition.BeforeEdit>;
   beforeApplyRange: EventEmitter<FocusRenderEvent>;
   beforeSetRange: EventEmitter;
@@ -81,12 +93,19 @@ export declare class OverlaySelection {
   /** Range copy */
   rangeClipboardCopy: EventEmitter;
   rangeClipboardPaste: EventEmitter;
+  protected columnService: ColumnService;
+  protected selectionStoreService: SelectionStoreService;
+  private keyboardService;
+  private autoFillService;
+  private clipboardService;
+  private orderEditor;
+  private revogrEdit;
   /**
    * Runs before cell save
    * Can be used to override or cancel original save
    */
   beforeCellSave: EventEmitter;
-  onMouseMove(e: MouseEvent & TouchEvent): void;
+  onMouseMove(e: MouseEvent | TouchEvent): void;
   /** Action finished inside of the document */
   /** Pointer left document, clear any active operation */
   onMouseUp(): void;
@@ -107,7 +126,10 @@ export declare class OverlaySelection {
   render(): any;
   private doFocus;
   private triggerRangeEvent;
-  protected onElementMouseDown(e: MouseEvent): void;
+  protected onElementMouseDown(e: MouseEvent | TouchEvent, touch?: boolean): void;
+  /**
+   * Start cell editing
+   */
   protected doEdit(val?: string): void;
   /**
    * Close editor event triggered

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

@@ -5,13 +5,14 @@ import { h, Host } from '@stencil/core';
 import ColumnService from '../data/columnService';
 import SelectionStoreService from '../../store/selection/selection.store.service';
 import { codesLetter } from '../../utils/keyCodes';
-import { SELECTION_BORDER_CLASS } from '../../utils/consts';
+import { MOBILE_CLASS, SELECTION_BORDER_CLASS } from '../../utils/consts';
 import { isRangeSingleCell } from '../../store/selection/selection.helpers';
 import { getCurrentCell, getElStyle } from './selection.utils';
 import { isEditInput } from './editors/edit.utils';
 import { KeyboardService } from './keyboard.service';
 import { AutoFillService } from './autofill.service';
 import { ClipboardService } from './clipboard.service';
+import { getFromEvent, verifyTouchTarget } from '../../utils/events';
 export class OverlaySelection {
   constructor() {
     this.keyboardService = null;
@@ -30,6 +31,8 @@ export class OverlaySelection {
     this.lastCell = undefined;
     this.editors = undefined;
     this.applyChangesOnClose = false;
+    this.additionalData = undefined;
+    this.isMobileDevice = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -156,7 +159,9 @@ export class OverlaySelection {
   }
   renderRange(range) {
     const style = getElStyle(range, this.dimensionRow.state, this.dimensionCol.state);
-    return [h("div", { class: SELECTION_BORDER_CLASS, style: style })];
+    return [
+      h("div", { class: SELECTION_BORDER_CLASS, style: style }, this.isMobileDevice && h("div", { class: "range-handlers" }, h("span", { class: MOBILE_CLASS }), h("span", { class: MOBILE_CLASS })))
+    ];
   }
   renderEditCell() {
     // if can edit
@@ -183,7 +188,7 @@ export class OverlaySelection {
         if (!saveEv.detail.preventFocus) {
           this.focusNext();
         }
-      }, onCloseEdit: e => this.closeEdit(e), editCell: editable, saveOnClose: this.applyChangesOnClose, column: this.columnService.columns[editCell.x], editor: this.columnService.getCellEditor(editCell.y, editCell.x, this.editors), style: style }));
+      }, onCloseEdit: e => this.closeEdit(e), editCell: editable, saveOnClose: this.applyChangesOnClose, column: this.columnService.columns[editCell.x], editor: this.columnService.getCellEditor(editCell.y, editCell.x, this.editors), additionalData: this.additionalData, style: style }));
   }
   render() {
     const els = [];
@@ -195,7 +200,7 @@ export class OverlaySelection {
       const range = this.selectionStoreService.ranged;
       const selectionFocus = this.selectionStoreService.focused;
       if ((range || selectionFocus) && this.useClipboard) {
-        els.push(this.clipboardService.renderClipboard());
+        els.push(this.clipboardService.renderClipboard(this.readonly));
       }
       if (range) {
         els.push(...this.renderRange(range));
@@ -207,7 +212,14 @@ export class OverlaySelection {
         els.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, onInternalRowDragStart: e => this.onRowDragStart(e) }));
       }
     }
-    return (h(Host, { onDblClick: () => this.doEdit(), onMouseDown: (e) => this.onElementMouseDown(e) }, els, h("slot", { name: "data" })));
+    return (h(Host, { class: { mobile: this.isMobileDevice },
+      // run edit on dblclick
+      onDblClick: (e) => {
+        // if dblclick prevented outside edit will not start
+        if (!e.defaultPrevented) {
+          this.doEdit();
+        }
+      }, onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, els, h("slot", { name: "data" })));
   }
   doFocus(focus, end, next) {
     const { defaultPrevented } = this.beforeFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));
@@ -242,7 +254,7 @@ export class OverlaySelection {
     }
     return !e.defaultPrevented;
   }
-  onElementMouseDown(e) {
+  onElementMouseDown(e, touch = false) {
     // Ignore focus if clicked input
     if (isEditInput(e.target)) {
       return;
@@ -251,14 +263,29 @@ export class OverlaySelection {
     if (e.defaultPrevented) {
       return;
     }
+    const x = getFromEvent(e, 'clientX');
+    const y = getFromEvent(e, 'clientY');
+    // skip touch
+    if (x === null || y === null) {
+      return;
+    }
     // Regular cell click
-    const focusCell = getCurrentCell({ x: e.x, y: e.y }, data);
+    const focusCell = getCurrentCell({ x, y }, data);
     this.selectionStoreService.focus(focusCell, this.range && e.shiftKey);
     // Initiate autofill selection
     if (this.range) {
-      this.autoFillService.selectionStart(e, data);
+      this.autoFillService.selectionStart(e.target, data);
+      if (!touch) {
+        e.preventDefault();
+      }
+      else if (verifyTouchTarget(e.touches[0], MOBILE_CLASS)) {
+        e.preventDefault();
+      }
     }
   }
+  /**
+   * Start cell editing
+   */
   doEdit(val = '') {
     var _a;
     if (this.canEdit()) {
@@ -297,7 +324,14 @@ export class OverlaySelection {
     }
     else if (this.canEdit()) {
       const focused = this.selectionStoreService.focused;
-      this.cellEdit({ rgRow: focused.y, rgCol: focused.x, val: '' });
+      const cell = this.columnService.getSaveData(focused.y, focused.x);
+      this.cellEdit({
+        rgRow: focused.y,
+        rgCol: focused.x,
+        val: '',
+        type: cell.type,
+        prop: cell.prop,
+      });
     }
   }
   onRowDragStart({ detail }) {
@@ -593,6 +627,40 @@ export class OverlaySelection {
         "attribute": "apply-changes-on-close",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "additionalData": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Additional data to pass to renderer"
+        },
+        "attribute": "additional-data",
+        "reflect": false
+      },
+      "isMobileDevice": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Is mobile view mode"
+        },
+        "attribute": "is-mobile-device",
+        "reflect": false
       }
     };
   }
@@ -605,7 +673,7 @@ export class OverlaySelection {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Before clipboard copy happened"
         },
         "complexType": {
           "original": "any",
@@ -620,7 +688,7 @@ export class OverlaySelection {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Before paste happened"
         },
         "complexType": {
           "original": "any",
@@ -675,7 +743,7 @@ export class OverlaySelection {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Set edit cell"
         },
         "complexType": {
           "original": "Edition.BeforeEdit",