RevoGrid

Migration Guide ​

This report outlines the changes in properties, methods, and types between the old and new versions of the revogrid.md README files.

  • Summary on Breaking Changes:

    • Redesigned type support:
      • Removed deprecated namespaces RevoGrid, Selection and others from type imports. Use direct import instead. For example:
        • Before: RevoGrid.ColumnRegular
        • Now: ColumnRegular; ...
      • Improved type imports. For example:
        • Before: import { RevoGrid } from '@revolist/revogrid/dist/types/interfaces'
        • Now: import { ColumnRegular } from '@revolist/revogrid'.
      • Changed viewport type names everywhere. For example, before: rowDefinitions: [{ type: "row", index: 0, size: 145 }], after: rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }].
    • Updated event naming convention. Review your event usage. Event names are all lowercase now and are aligned with modern event naming conventions. For example, afterEdit -> afteredit. Check migration guide for details.

  • Major improvements:

    • Rethought the entire framework approach. Introduced Pro version with advance support and pro features.
    • Updated scrolling system for better mobile support.
    • Advance template support. Introduced additionalData for templates and editors. Prop gives access to parent/root app context.
    • Redesigned the documentation.
    • Fixed major issues and significantly improved overall performance, making the grid multiple time faster.
    • Enhanced plugin support - now with full access to grid providers.
    • Provided full framework support and native render for Angular, React, Svelte, and Vue, with partial support for Ember.

revo-grid ​

Properties Changes ​

Added Properties ​

  • accessible:

    • Attribute: accessible
    • Description: Enable accessibility. If disabled, the grid will not be accessible.
    • Type: boolean
    • Default: true

  • additionalData:

    • Attribute: additional-data
    • Description: Additional data to be passed to plugins, renders, or editors. For example, if you need to pass Vue component instance.
    • Type: any
    • Default: {}

  • applyOnClose:

    • Attribute: apply-on-close
    • Description: Apply changes in editor when closed except 'Escape' cases. If custom editor in use method getValue required.
    • Type: boolean
    • Default: false

  • disableVirtualX:

    • Attribute: disable-virtual-x
    • Description: Disable lazy rendering mode for the X axis. Use when not many columns present and you don't need to rerender cells during scroll.
    • Type: boolean
    • Default: false

  • disableVirtualY:

    • Attribute: disable-virtual-y
    • Description: Disable lazy rendering mode for the Y axis. Use when not many rows present and you don't need to rerender cells during scroll.
    • Type: boolean
    • Default: false

  • focusTemplate:

    • Attribute: focus-template
    • Description: Apply changes typed in editor on editor close except Escape cases.
    • Type: (createElement: HyperFunc<VNode>, detail: FocusRenderEvent) => any
    • Default: undefined

  • hideAttribution:

    • Attribute: hide-attribution
    • Description: Please only hide the attribution if you are subscribed to Pro version.
    • Type: boolean
    • Default: false

  • jobsBeforeRender:

    • Attribute: jobs-before-render
    • Description: Prevent rendering until the job is done. Can be used for initial rendering performance improvement.
    • Type: Promise<any>[]
    • Default: []

Updated Properties ​

  • autoSizeColumn:

    • Old Type: boolean | { mode?: ColumnAutoSizeMode; allColumns?: boolean; letterBlockSize?: number; preciseSize?: boolean; }
    • New Type: boolean | { mode?: ColumnAutoSizeMode | undefined; allColumns?: boolean | undefined; letterBlockSize?: number | undefined; preciseSize?: boolean | undefined; }
    • Description Change: More detailed description emphasizing performance implications and plugin usage.

  • columnTypes:

    • Old Description: Types Every type represents multiple column properties Types will be merged but can be replaced with column properties.
    • New Description: Column Types Format. Every type represents multiple column properties. Types were made as separate objects to be reusable per multiple columns.

  • exporting:

    • Old Description: Enables export plugin Can be boolean Can be export options.
    • New Description: Enable export plugin.

Removed Properties ​

None.

Methods Changes ​

Added Methods ​

  • getContentSize():

    • Description: Get size of content including all pinned data.
    • Returns: Promise<Cell>

  • setDataAt(data: { row: number; col: number; } & AllDimensionType):

    • Description: Sets data at the specified cell. Useful for performance optimization. No viewport update will be triggered.
    • Parameters:
      • data: { row: number; col: number; } & AllDimensionType
    • Returns: Promise<void | undefined>

Updated Methods ​

  • getColumnStore(type?: DimensionCols):

    • Old Return Type: Promise<ColumnSource>
    • New Return Type: Promise<Observable<DSourceState<ColumnRegular, DimensionCols>>>

  • getSourceStore(type?: DimensionRows):

    • Old Return Type: Promise<RowSource>
    • New Return Type: Promise<Observable<DSourceState<DataType, DimensionRows>>>

  • getFocused():

    • Old Return Type: Promise<FocusedData | null>
    • New Return Type: Promise<FocusedData | null> (Description updated to mention the possibility of a null return type.)

  • updateColumnSorting(column: ColumnRegular, index: number, order: "asc" | "desc" | undefined, additive: boolean):

    • Old Return Type: Promise<ColumnRegular>
    • New Return Type: Promise<ColumnRegular>
    • Description Change: Now specifies that setting additive to false will replace the current order.

Removed Methods ​

None.

Events Changes ​

Added Events ​

  • additionaldatachanged:

    • Description: Emitted after the additional data is changed.
    • Type: CustomEvent<any>

  • afteranysource:

    • Description: Emitted after each source update, whether from the pinned or main viewport.
    • Type: CustomEvent<{ type: DimensionRows; source: DataType[]; }>

  • aftergridinit:

    • Description: Emitted after the grid is initialized.
    • Type: CustomEvent<any>

  • afterthemechanged:

    • Description: Emitted after the theme is changed.
    • Type: CustomEvent<string>

  • beforeanysource:

    • Description: Before data is applied on any source type.
    • Type: CustomEvent<{ type: DimensionRows; source: DataType[]; }>

  • beforegridrender:

    • Description: Emitted before the grid is rendered.
    • Type: CustomEvent<any>

  • beforerowdefinition:

    • Description: Emitted before the row definition is applied.
    • Type: CustomEvent<{ vals: any; oldVals: any; }>

  • contentsizechanged:

    • Description: New content size has been applied.
    • Type: CustomEvent<"colPinEnd" | "colPinStart" | "rgCol" | "rgRow" | "rowPinEnd" | "rowPinStart">

  • filterconfigchanged:

    • Description: Emitted when the filter configuration is changed.
    • Type: CustomEvent<any>

  • rowheaderschanged:

    • Description: Emitted when the row headers are changed.
    • Type: CustomEvent<any>

Updated Events ​

  • afteredit:
    • Old Type: CustomEvent<{ data: DataLookup; models: { [rowIndex: number]: DataType; }; type: DimensionRows; } | { prop: ColumnProp; model: DataType; val?: string; rowIndex: number; type: DimensionRows; }>
    • New Type: CustomEvent<{ data: DataLookup; models: Partial<DataLookup>; type: DimensionRows; } | { prop: ColumnProp; model: DataType; val?: string | undefined; rowIndex: number; colIndex: number; colType: DimensionCols; type: DimensionRows; }>

revogr-overlay-selection ​

Properties Changes ​

Added Properties ​

  • additionalData:

    • Attribute: additional-data
    • Type: any
    • Default: undefined

  • applyChangesOnClose:

    • Attribute: apply-changes-on-close
    • Type: boolean
    • Default: false

  • isMobileDevice:

    • Attribute: is-mobile-device
    • Type: boolean
    • Default: undefined

Updated Properties ​

  • colData:

    • No change in type or default values.

  • dataStore:

    • No change in type or default values.

  • dimensionCol:

    • No change in type or default values.
    • Note: Marked as required in the new version.

  • dimensionRow:

    • No change in type or default values.

  • editors:

    • No change in type or default values.

  • lastCell:

    • No change in type or default values.

  • range:

    • No change in type or default values.

  • readonly:

    • No change in type or default values.

  • selectionStore:

    • No change in type or default values.

  • useClipboard:

    • No change in type or default values.

Events Changes ​

Added Events ​

  • applyfocus
  • beforeapplyrange
  • beforecellfocusinit
  • beforecellsave
  • beforecopyregion
  • beforeeditrender
  • beforekeyup
  • beforenextvpfocus
  • beforepasteregion
  • beforerangecopyapply
  • beforerangedataapply
  • beforesetrange
  • celleditapply
  • clipboardrangecopy
  • clipboardrangepaste
  • selectall
  • selectionchangeinit

Removed Events ​

  • internalCellEdit
  • internalCopy
  • internalFocusCell
  • internalNextStoreFocus
  • internalPaste
  • internalRangeDataApply
  • internalSelectionChanged

revogr-focus ​

Properties Changes ​

Added Properties ​

  • colType:

    • Attribute: col-type
    • Type: "colPinEnd" | "colPinStart" | "rgCol"
    • Default: undefined

  • focusTemplate:

    • Attribute: focus-template
    • Type: ((createElement: HyperFunc<VNode>, detail: FocusRenderEvent) => any) | null
    • Default: null

  • rowType:

    • Attribute: row-type
    • Type: "rgRow" | "rowPinEnd" | "rowPinStart"
    • Default: undefined

Removed Properties ​

None.

Updated Properties ​

  • colData:

    • No change in type or default values.

  • dataStore:

    • No change in type or default values.

  • dimensionCol:

    • No change in type or default values.

  • dimensionRow:

    • No change in type or default values.

  • selectionStore:

    • No change in type or default values.

Events Changes ​

Added Events ​

  • beforefocusrender:

    • Description: Before focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered.
    • Type: CustomEvent<FocusRenderEvent>

  • beforescrollintoview:

    • Description: Before focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault()
    • Type: CustomEvent<{ el: HTMLElement; }>

Removed Events ​

None.

Updated Events ​

  • afterfocus:
    • Old Type: CustomEvent<{ model: any; column: ColumnRegular; }>
    • New Type: CustomEvent<FocusAfterRenderEvent>

Slots ​

Added Slots ​

  • "focus-${view.type}-${data.type}.": No description provided.

revogr-data ​

Properties Changes ​

Added Properties ​

  • additionalData:

    • Attribute: additional-data
    • Type: any
    • Default: undefined

  • colType:

    • Attribute: col-type
    • Type: "colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"
    • Default: undefined

  • jobsBeforeRender:

    • Attribute: jobs-before-render
    • Type: Promise<any>[]
    • Default: []

  • type:

    • Attribute: type
    • Type: "rgRow" | "rowPinEnd" | "rowPinStart"
    • Default: undefined

Removed Properties ​

  • canDrag:
    • Attribute: can-drag
    • Type: boolean
    • Default: undefined

Updated Properties ​

  • rowSelectionStore:

    • No change in type or default values.
    • Note: Marked as required in the new version.

  • colData:

    • No change in type or default values.

  • dataStore:

    • No change in type or default values.

  • dimensionRow:

    • No change in type or default values.

  • viewportCol:

    • No change in type or default values.

  • viewportRow:

    • No change in type or default values.

Events Changes ​

Added Events ​

  • afterrender:

    • Description: When data render finished for the designated type.
    • Type: CustomEvent<{ type: DimensionRows; }>

  • beforecellrender:

    • Description: Before each cell render function. Allows to override cell properties.
    • Type: CustomEvent<BeforeCellRenderEvent<ColumnDataSchemaModel>>

Removed Events ​

None.

Updated Events ​

  • dragStartCell:

    • Old Name: dragStartCell
    • New Name: dragstartcell
    • Old Type: CustomEvent<MouseEvent>
    • New Type: CustomEvent<DragStartEvent>

  • beforerowrender:

    • Old Type: CustomEvent<{ row: VNode; rowIndex: number; model: any; }>
    • New Type: CustomEvent<BeforeRowRenderEvent<any>>

Methods Changes ​

Added Methods ​

  • updateCell(e: { row: number; col: number; }) => Promise<void>
    • Description: Pointed cell update.
    • Parameters:
      • e: { row: number; col: number; }
    • Returns: Promise<void>

revogr-clipboard ​

Properties Changes ​

Added Properties ​

  • readonly:
    • Attribute: readonly
    • Type: boolean
    • Default: undefined

Events Changes ​

Added Events ​

  • afterpasteapply:

    • Description: Fired after paste applied to the grid. If defaultPrevented is true, the paste will be canceled.
    • Type: CustomEvent<{ raw: string; parsed: string[][]; event: ClipboardEvent; }>

  • beforecopy:

    • Description: Fired before the copy is triggered. If defaultPrevented is true, the copy will be canceled.
    • Type: CustomEvent<{ event: ClipboardEvent; }>

  • beforecopyapply:

    • Description: Fired before the copy is applied to the clipboard from outside. If defaultPrevented is true, the copy will be canceled.
    • Type: CustomEvent<{ event: DataTransfer; data?: string[][] | undefined; }>

  • beforecut:

    • Description: Fired before the cut is triggered. If defaultPrevented is true, the cut will be canceled.
    • Type: CustomEvent<{ event: ClipboardEvent; }>

  • beforepaste:

    • Description: Fired before the paste is applied to the grid. If defaultPrevented is true, the paste will be canceled.
    • Type: CustomEvent<{ raw: string; isHTML: boolean; event: ClipboardEvent; dataText: string; }>

  • beforepasteapply:

    • Description: Fired before the paste is applied to the grid and after the data is parsed.
    • Type: CustomEvent<{ raw: string; parsed: string[][]; event: ClipboardEvent; }>

  • clearregion:

    • Description: Clears the region when the cut is done.
    • Type: CustomEvent<DataTransfer>

Removed Events ​

None.

Updated Events ​

  • copyRegion:

    • Old Name: copyRegion
    • New Name: copyregion
    • Type: CustomEvent<DataTransfer>

  • pasteRegion:

    • Old Name: pasteRegion
    • New Name: pasteregion
    • Type: CustomEvent<string[][]>

Methods Changes ​

Added Methods ​

None.

Removed Methods ​

None.

Updated Methods ​

  • doCopy:
    • Old Type: doCopy(e: DataTransfer, data?: RevoGrid.DataFormat[][]) => Promise<void>
    • New Type: doCopy(e: DataTransfer, data?: DataFormat[][]) => Promise<void>
    • Note: The data parameter type has been simplified from RevoGrid.DataFormat[][] to DataFormat[][].

revogr-header ​

Properties Changes ​

Added Properties ​

  • additionalData:

    • Attribute: additional-data
    • Type: any
    • Default: {}

  • readonly:

    • Attribute: readonly
    • Type: boolean
    • Default: undefined

  • resizeHandler:

    • Attribute: resize-handler
    • Type: ("b" | "rt" | "r" | "lt" | "rb" | "lb" | "l" | "t")[]
    • Default: undefined

  • type:

    • Attribute: type
    • Type: "colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"
    • Default: undefined

Removed Properties ​

None.

Updated Properties ​

  • canResize:

    • No change in type or default values.
    • Note: Updated description to specify that it controls if columns can be resized.

  • colData:

    • No change in type or default values.
    • Note: Updated description to specify it defines an array of grid columns.

  • columnFilter:

    • No change in type or default values.
    • Note: Updated description to specify it refers to the column filter.

  • dimensionCol:

    • No change in type or default values.
    • Note: Updated description to specify it refers to dimension settings X.

  • groupingDepth:

    • No change in type or default values.
    • Note: Updated description to specify it controls the depth of grouping.

  • groups:

    • No change in type or default values.
    • Note: Updated description to specify it refers to column groups.

  • selectionStore:

    • No change in type or default values.
    • Note: Updated description to specify it handles selection, range, and focus.

  • viewportCol:

    • No change in type or default values.
    • Note: Updated description to specify it refers to viewport X.

Events Changes ​

Added Events ​

  • beforeheaderclick:

    • Description: Fired on initial header click.
    • Type: CustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: Providers<DimensionCols | "rowHeaders">; }>

  • beforeheaderresize:

    • Description: Fired before header resize.
    • Type: CustomEvent<ColumnRegular[]>

Removed Events ​

None.

Updated Events ​

  • headerdblClick:

    • Old Name: headerdblClick
    • New Name: headerdblclick
    • Old Type: CustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }>
    • New Type: CustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: Providers<DimensionCols | "rowHeaders">; }>

  • initialHeaderClick:

    • Old Name: initialHeaderClick
    • New Name: beforeheaderclick
    • Old Type: CustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }>
    • New Type: CustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: Providers<DimensionCols | "rowHeaders">; }>

Methods Changes ​

Added Methods ​

None.

Removed Methods ​

None.

Updated Methods ​

None.

revogr-order-editor ​

This report outlines the changes in properties, methods, and types between the old and new versions of the revogrid.md README files for the order component.

Properties Changes ​

Added Properties ​

None.

Removed Properties ​

None.

Updated Properties ​

  • dimensionCol:

    • Old Description: No description provided.
    • New Description: "Dimension settings X"

  • dimensionRow:

    • Old Description: No description provided.
    • New Description: "Dimension settings Y"

  • parent:

    • Old Description: No description provided.
    • New Description: "Parent element"

Events Changes ​

Added Events ​

  • rowdragendinit:

    • Description: Row drag ended started.
    • Type: CustomEvent<any>

  • rowdragmousemove:

    • Description: Row mouse move started.
    • Type: CustomEvent<Cell>

  • rowdragmoveinit:

    • Description: Row move started.
    • Type: CustomEvent<PositionItem>

  • rowdragstartinit:

    • Description: Row drag started.
    • Type: CustomEvent<{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; }>

  • rowdropinit:

    • Description: Row dragged, new range ready to be applied.
    • Type: CustomEvent<{ from: number; to: number; }>

Removed Events ​

  • initialRowDropped:

    • Description: Row dragged, new range ready to be applied.
    • Type: CustomEvent<{ from: number; to: number; }>

  • internalRowDrag:

    • Description: Row move.
    • Type: CustomEvent<PositionItem>

  • internalRowDragEnd:

    • Description: Row drag ended.
    • Type: CustomEvent<any>

  • internalRowDragStart:

    • Description: Row drag started.
    • Type: CustomEvent<{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; }>

  • internalRowMouseMove:

    • Description: Row mouse move.
    • Type: CustomEvent<Cell>

Updated Events ​

None.

Methods Changes ​

Added Methods ​

None.

Removed Methods ​

None.

Updated Methods ​

  • dragStart:
    • Old Type: dragStart(e: MouseEvent) => Promise<void>
    • New Type: dragStart(e: DragStartEvent) => Promise<void>

Overview ​

Added Overview Section ​

  • Description: Component for handling row order editor.

revogr-row-headers ​

Properties Changes ​

Added Properties ​

  • additionalData:

    • Attribute: additional-data
    • Type: any
    • Default: undefined

  • jobsBeforeRender:

    • Attribute: jobs-before-render
    • Type: Promise<any>[]
    • Default: []

  • rowClass:

    • Attribute: row-class
    • Type: string
    • Default: undefined

Removed Properties ​

  • uiid:
    • Attribute: uiid
    • Type: string
    • Default: undefined

Updated Properties ​

  • dataPorts:

    • No change in type or default values.
    • Note: Updated description to specify it refers to viewport data.

  • headerProp:

    • No change in type or default values.
    • Note: Updated description to specify it refers to header props.

  • height:

    • No change in type or default values.
    • Note: Updated description to specify it refers to header height for row headers.

  • resize:

    • No change in type or default values.
    • Note: Updated description to specify it enables resize.

  • rowHeaderColumn:

    • No change in type or default values.
    • Note: Updated description to specify it refers to the row header column.

Events Changes ​

Added Events ​

  • ref:

    • Description: Register element to scroll.
    • Type: CustomEvent<ElementScroll>

  • scrollview:

    • Description: Scroll viewport.
    • Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number | undefined; outside?: boolean | undefined; }>

Removed Events ​

  • elementToScroll:

    • Description: No description provided.
    • Type: CustomEvent<ElementScroll>

  • scrollViewport:

    • Description: No description provided.
    • Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number; }>

Updated Events ​

None.

Methods Changes ​

Added Methods ​

None.

Removed Methods ​

None.

Updated Methods ​

None.

revogr-viewport-scroll ​

Properties Changes ​

Added Properties ​

  • colType:

    • Attribute: col-type
    • Type: "colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"
    • Default: undefined

  • rowHeader:

    • Attribute: row-header
    • Type: boolean
    • Default: undefined

Removed Properties ​

None.

Updated Properties ​

  • contentHeight:

    • No change in type or default values.
    • Note: The description remains the same: "Height of inner content."

  • contentWidth:

    • No change in type or default values.
    • Note: The description remains the same: "Width of inner content."

Events Changes ​

Added Events ​

  • scrollviewportsilent:
    • Description: Silently scroll to coordinate. Made to align negative coordinates for mobile devices.
    • Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number | undefined; outside?: boolean | undefined; }>

Removed Events ​

None.

Updated Events ​

  • resizeViewport:

    • Old Name: resizeViewport
    • New Name: resizeviewport
    • Old Type: CustomEvent<{ dimension: DimensionType; size: number; }>
    • New Type: CustomEvent<{ dimension: DimensionType; size: number; rowHeader?: boolean | undefined; }>

  • scrollViewport:

    • Old Name: scrollViewport
    • New Name: scrollviewport
    • Old Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number; }>
    • New Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number | undefined; outside?: boolean | undefined; }>

  • scrollchange:

    • No change in type or name.
    • Note: The description was updated to specify that it is triggered on scroll change and can be used to get information about scroll visibility.

Methods Changes ​

Added Methods ​

  • applyScroll(type: DimensionType, e: UIEvent) => Promise<void>
    • Description: Extra layer for scroll event monitoring, where the MouseWheel event is not passing. This method triggers the scroll event in case there is no mousewheel event.
    • Parameters:
      • type: "rgCol" | "rgRow"
      • e: UIEvent
    • Returns: Promise<void>

Removed Methods ​

None.

Updated Methods ​

  • changeScroll:
    • Old Type: changeScroll(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>
    • New Type: changeScroll(e: ViewPortScrollEvent, silent?: boolean) => Promise<ViewPortScrollEvent | undefined>
    • Note: The method signature now includes an optional silent parameter.

Slots ​

Added Slots ​

  • "footer": Slot for footer content.
  • "header": Slot for header content.

viewport-scrollable-component ​

Properties Changes ​

Added Properties ​

  • colType:

    • Attribute: col-type
    • Type: "colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"
    • Default: undefined

  • rowHeader:

    • Attribute: row-header
    • Type: boolean
    • Default: undefined

Removed Properties ​

None.

Updated Properties ​

  • contentHeight:

    • No change in type or default values.
    • Note: The description remains the same: "Height of inner content."

  • contentWidth:

    • No change in type or default values.
    • Note: The description remains the same: "Width of inner content."

Events Changes ​

Added Events ​

  • scrollviewportsilent:
    • Description: Silently scroll to coordinate. Made to align negative coordinates for mobile devices.
    • Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number | undefined; outside?: boolean | undefined; }>

Removed Events ​

None.

Updated Events ​

  • resizeViewport:

    • Old Name: resizeViewport
    • New Name: resizeviewport
    • Old Type: CustomEvent<{ dimension: DimensionType; size: number; }>
    • New Type: CustomEvent<{ dimension: DimensionType; size: number; rowHeader?: boolean | undefined; }>

  • scrollViewport:

    • Old Name: scrollViewport
    • New Name: scrollviewport
    • Old Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number; }>
    • New Type: CustomEvent<{ dimension: DimensionType; coordinate: number; delta?: number | undefined; outside?: boolean | undefined; }>

  • scrollchange:

    • No change in type or name.
    • Note: The description was updated to specify that it is triggered on scroll change and can be used to get information about scroll visibility.

Methods Changes ​

Added Methods ​

  • applyScroll(type: DimensionType, e: UIEvent) => Promise<void>
    • Description: Extra layer for scroll event monitoring, where the MouseWheel event is not passing. This method triggers the scroll event in case there is no mousewheel event.
    • Parameters:
      • type: "rgCol" | "rgRow"
      • e: UIEvent
    • Returns: Promise<void>

Removed Methods ​

None.

Updated Methods ​

  • changeScroll:
    • Old Type: changeScroll(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>
    • New Type: changeScroll(e: ViewPortScrollEvent, silent?: boolean) => Promise<ViewPortScrollEvent | undefined>
    • Note: The method signature now includes an optional silent parameter.

Slots ​

Added Slots ​

  • "footer": Slot for footer content.
  • "header": Slot for header content.

revogr-temp-range ​

Properties Changes ​

Added Properties ​

None.

Removed Properties ​

None.

Updated Properties ​

  • dimensionCol:

    • No change in type or default values.
    • Note: The description was updated to specify "Dimension column store."

  • dimensionRow:

    • No change in type or default values.
    • Note: The description was updated to specify "Dimension row store."

  • selectionStore:

    • No change in type or default values.
    • Note: The description was updated to specify that it shows the current selection and focus.

Events Changes ​

No events were listed in either version of the files.

Methods Changes ​

No methods were listed in either version of the files.

Overview ​

Added Overview Section ​

  • Description: Temporary range selection component. Shows temporary range selection.